GitHub Pages线上站点横幅图片无法加载，本地正常求助

• 检查文件名/路径的大小写：GitHub仓库是大小写敏感的，但本地Windows/macOS默认不区分。比如你CSS里写./images/Banner.jpg，但仓库里实际是./images/banner.jpg，就会触发404。去GitHub仓库里核对图片的实际文件名和路径，确保和CSS里的完全一致。
• 改用根相对路径：别用./或../这种相对路径，直接用根路径写法/images/你的图片名.jpg（开头的斜杠代表仓库根目录）。比如CSS里写background-image: url('/images/banner.jpg');，不管你的CSS文件放在哪个子文件夹，都能正确指向根目录下的images文件夹。
• 确认图片已上传到仓库：去GitHub仓库的images文件夹下，检查目标图片是否存在。如果本地有但仓库里没有，可能是git add的时候漏了，或者.gitignore文件里把images文件夹排除了。
• 检查GitHub Pages部署状态：进入仓库的「Settings」→「Pages」页面，确认部署状态是「Active」，且部署的分支和文件夹正确（比如选的是main分支的root目录）。有时候部署有延迟，等5-10分钟再刷新页面试试，或者用Ctrl+F5强制清除浏览器缓存。
• 查看浏览器控制台的错误信息：打开线上页面按F12调出开发者工具，切换到「Network」标签，刷新页面看图片请求的状态码：
  • 404：路径或文件名错误，回到前面几步核对
  • 其他错误：根据控制台提示进一步排查
• 核对CSS语法：检查background-image的写法是否正确，比如有没有漏写url()，引号是否配对，比如正确写法是background-image: url('/images/banner.jpg');，不要写错括号或者引号。

内容的提问来源于stack exchange，提问作者Jorge Martin Apresa Perez