GitHub Pages部署个人作品集后图片无法加载的问题排查与解决

现象描述 #

• 开发个人作品集网站期间，共使用2张图片资源，本地实时预览时所有图片显示完全正常
• 代码推送到GitHub后，线上站点的图片无法加载
• 浏览器控制台报错，提示对应路径下无法获取目标图片
• 人工核查index.html文件第61、77、91、116行的图片引用代码，未发现路径配置错误

排查结论 #

• 问题根因：本地对应的仓库文件夹命名，与远程仓库名称不一致
• 解决方式：将本地仓库文件夹名称调整为与远程仓库名称完全一致，重新推送代码部署后，图片即可正常加载

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