GitHub Pages站点跳转至landing.html出现404错误该如何解决？

问题原因&修复方案 #

1. 路径规则匹配错误
   你在title.js中使用的/html/landing.html是站点根目录绝对路径，而GitHub Pages的普通项目仓库站点会自动带上仓库名作为子路径，比如你的仓库名为webdevportfolio，站点实际根路径为https://<你的用户名>.github.io/webdevportfolio/，你写的根路径跳转就会定位到不存在的https://<你的用户名>.github.io/html/landing.html，触发404。
   修复方法：把title.js中的跳转路径改成相对路径即可：

const openLanding = () => {
    window.location.href = "./html/landing.html";
};

2. 额外bug修复（非404诱因，可优化跳转体验）
   你在animate方法的回调参数中写的是openLanding()，带括号会直接执行该函数，不会等动画跑完再跳转。要把函数作为回调传入的话，去掉括号即可：

$(".title").animate({
    width: '5%'
}, 1000, openLanding);

额外排查项 #

• 确认仓库中html文件夹下的文件命名和路径完全匹配，GitHub Pages对文件名大小写敏感，Landing.html和landing.html会被识别为两个不同的文件
• 确认修改后的代码已经提交推送到GitHub Pages对应的部署分支（通常为main或gh-pages分支），部署生效需要1-3分钟，生效后再测试跳转

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