GitHub Pages网站背景图片无法加载问题求助

DevOps 小满

2026-8-10

问题原因与解决办法

问题根源

你CSS里用的是本地绝对路径 file:///home/g7adz177a/Downloads/website%20background.png，这个路径只在你自己的电脑上有效——本地打开HTML时，浏览器能直接读取你本地文件系统里的图片，但GitHub Pages是部署在远程服务器上的，服务器根本没有你本地的/home/g7adz177a/Downloads/这个目录，自然找不到图片。

解决步骤

把背景图片放到你的GitHub仓库项目里，比如新建一个images文件夹，把website background.png放进去。

修改CSS里的路径为相对路径，如果images文件夹和CSS文件在同一层级，就改成：

.main{
  width: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.5)50%,rgb(0, 0, 0, 0.5)50%), url('./images/website background.png');
  background-position: center;
  background-size: cover;
  height: 109vh;
}