首次发布GitHub Pages时URL无法加载,遇404错误求助
别着急,我帮你梳理几个最可能踩的坑,按顺序排查应该能解决:
先检查分支和部署目录设置
登录GitHub进入你的仓库,点击顶部的「Settings」,找到左侧的「Pages」选项。看「Source」部分:是不是选对了分支(默认应该是main,老版本可能是master),而且部署目录选的是「/(root)」?如果不小心选了其他分支或者docs目录,哪怕根目录有index.html也会找不到。确认文件名的大小写
错误提示里专门提到了文件名大小写匹配的问题——GitHub Pages跑在Linux服务器上,对大小写是敏感的。你本地的文件是不是写成了Index.html或者INDEX.HTML?一定要确保仓库里的文件是全小写的index.html,和URL要求一致。查看部署状态是否正常
推送代码成功不代表GitHub Pages部署成功了。去仓库的「Actions」标签页,看看有没有GitHub Pages的部署 workflow,是不是有失败的记录?或者回到「Settings -> Pages」页面,往下翻找「Deployment history」,看看最近的部署有没有报错信息,比如构建失败之类的。清除浏览器缓存试试
有时候浏览器会缓存旧的404页面,哪怕网站已经正常了。打开无痕模式访问你的站点,或者按Ctrl+F5(Windows)/Cmd+Shift+R(Mac)强制刷新页面,排除缓存干扰。再确认仓库命名是否完全正确
虽然你说用了正确的用户名,但再核对下仓库名是不是严格的jjkellogg.github.io——必须是「你的用户名+.github.io」,不能有拼写错误、大小写错误或者多余的字符,这是GitHub Pages生效的前提。给部署留一点时间
第一次部署或者修改设置后,GitHub Pages可能需要5-10分钟才能完成部署,不是推完立刻就能访问的。如果刚操作完,先等一会儿再刷新试试。检查index.html的位置
确保index.html是直接放在仓库根目录下,而不是嵌套在某个子文件夹(比如src/、build/)里。如果文件在子文件夹,要么移到根目录,要么在「Settings -> Pages」里把部署目录改成对应的子文件夹。
内容的提问来源于stack exchange,提问作者Joshua Kellogg

