GitHub Pages - 图片无法加载 - 404错误

3
我将我的 GitHub 存储库部署到了 GitHub Pages 上,一切都看起来完美加载,只有图片没有正常显示。
我再次检查了大小写敏感性,因为其他帖子提到这可能是问题的原因,但除非我漏掉了什么,否则我不认为这是我的问题。

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

当我检查这张图片时,我四次收到“无法加载资源:服务器响应404()”的错误信息,随后是每张图片的名称。
仓库链接:https://github.com/ConnerCoding/cat-site
1个回答

3
问题在于您的图像位置在:

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

而你的HTML代码指向的是:

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

要解决这个问题,在你的代码中,你需要将每张图片的链接从"/images/kitty.jpg"改成"images/kitty.jpg"。
当你在链接前面加上"/"时,你指向的是绝对路径,即从你项目的最高目录开始的路径。但我们不需要这样,我们需要相对路径,因此要去掉第一个"/"。
希望这能帮到你,如果你还需要更多的帮助或者我的解决方案不正确,请随时联系我。
谢谢,
Owen

非常感谢您快速而详尽的回复,确实解决了问题! - undefined

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接