Github Pages加载style.css出现net::ERR_ABORTED 404错误求助

针对你遇到的GET https://alfieharris10.github.io/style.css net::ERR_ABORTED 404 (Not Found)错误，给出以下排查和解决步骤：

• 检查Github Pages部署源配置
  进入仓库的「Settings」→「Pages」页面，确认部署分支选择的是main，且部署目录为「/root」（根目录）。如果误选了/docs等其他目录，根目录下的style.css会无法被访问到。

• 修正HTML中的CSS引用路径
  本地运行时相对路径可正常工作，但Github Pages的项目站点需要带上仓库名称作为路径前缀。你的仓库名为3D-Audio-Visualiser，因此HTML中引用CSS的路径需要从/style.css修改为/3D-Audio-Visualiser/style.css。
  示例：将<link rel="stylesheet" href="/style.css">改为<link rel="stylesheet" href="/3D-Audio-Visualiser/style.css">

• 确认文件在仓库根目录的存在性
  检查main分支的根目录下是否确实存在style.css，并确认该文件已经被推送到远程仓库（查看提交记录，确保没有遗漏提交）。

• 触发Github Pages重新部署
  Github Pages有时会存在缓存问题，可在「Pages」设置页面中临时切换部署分支（比如选其他分支再切回main），保存后触发重新部署，等待部署完成后再访问站点。

• 排查文件名大小写问题
  Github对文件名大小写敏感，而本地Windows系统不区分。确认HTML中引用的文件名（如style.css）与仓库中实际的文件名大小写完全一致，避免因大小写不匹配导致404。

内容的提问来源于stack exchange，提问作者Alfie Harris