GitHub 页面 - 图片未加载 - 404 错误

Question

我将我的 GitHub 存储库部署到 GitHub 个页面，除了图像之外，所有内容似乎都能完美加载。

我仔细检查了区分大小写，因为其他帖子提到这是答案，但除非我遗漏了什么，否则我不认为这是我的问题。

https://connercoding.github.io/cat-site/

当我检查图像时，我得到 "Failed to load resource: the server responded with a status of 404 ()" 四次，然后是每张图像的名称。

回购：https://github.com/ConnerCoding/cat-site

Answer 1

问题是您的图片位置在：

https://connercoding.github.io/cat-site/images/kitty.jpg

您的 HTML 指向的位置：

https://connercoding.github.io/images/kitty.jpg

要解决此问题，您需要将每个图像更改为指向 "images/kitty.jpg" 而不是“/images/kitty.jpg”。

当你在 link 之前放置“/”时，你指向的是我们所说的绝对路径，即从项目最高目录开始的路径，我们不想要那个，我们想要相对路径路径所以我们删除第一个 /.

希望对您有所帮助，如果您需要更多帮助或我的解决方案不正确，请与我们联系。

谢谢，

欧文