GitHub Pages图片无法加载但Live Server正常的问题求助

问题根源 #

GitHub Pages 不支持 Git LFS 托管的文件——你用LFS上传的图片，实际在GitHub仓库里只是占位符文本，而非真实的图片文件，浏览器自然无法加载。

修复步骤 #

方案1：将图片转回普通Git管理（适合图片大小≤100MB） #

• 取消LFS对图片的跟踪：

  git lfs untrack "images/*"  # 替换成你的图片目录路径
  

• 将本地真实图片文件重新加入Git：

  git add images/*
  

• 提交并推送更改：

  git commit -m "Migrate images from LFS to regular Git"
  git push
  

方案2：使用第三方图床（适合大尺寸图片） #

如果图片超过GitHub单文件100MB限制，把图片上传到第三方图床，然后在HTML代码里直接替换成图床提供的图片URL。

额外路径检查 #

虽然你调整过路径，但再确认两点：

• 确保HTML中用的是相对路径（比如./images/avatar.jpg），不要用本地绝对路径
• 检查仓库中图片的实际路径、文件名大小写，和HTML引用的完全匹配（GitHub区分文件名大小写）

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