图片未显示在 GitHub 页面上答案

【问题标题】：Images not showing up on GitHub pages图片未显示在 GitHub 页面上
【发布时间】：2018-02-17 06:11:56
【问题描述】：

我已尽一切努力使图像显示在我的 GitHub 页面网站上，但没有任何效果，现在我受够了，如果有人能帮助我解决这个简单但烦人的问题，我将不胜感激。

代码：

...
</footer>
<div><img src="assets/coffee.JPG" alt="coffee"></div>               
</body>

图片目录结构： pagename.github.io/_layouts/assets/coffee.jpg

html的目录结构： pagename.github.io/_layouts/default.html

它只是显示为带有 alt 标签的损坏图像的标准图标。

【问题讨论】：

【解决方案1】：

由于 Github Pages 使用 jekyll 来生成您的网站，任何带下划线的文件夹（如 _layout）都不会在生成过程中被复制。因此，您的任何资产都将不可用。 See documentation.

将您的 _layouts/assets 文件夹复制到您的根目录（pagename.github.io/_layouts/assets/ --> pagename.github.io/assets/）并验证您是否使用正确的大小写来调用您的资产。

【讨论】：

【解决方案2】：

有几件事可能是错误的。

【讨论】：

【解决方案3】：

图片不显示可能有多种原因

我个人尝试测试在 SRC 中形成的 URL。

【讨论】：

【解决方案4】：

我刚遇到同样的问题，github 处理你的 github 页面的方式真的很烦人。是的，它区分大小写，您应该注意这一点。

我刚刚找到了该问题的解决方案，我将与您分享。您只需要提供任何图像的路径，例如 - images/form.JPG 。

不要在此处提供绝对路径，只需在项目中保留一个用于图像源的文件夹即可。不要使图像路径太长。请注意，这里我没有在图像的开头使用任何反斜杠。

大写的.JPG也是强制性的，因为我已经尝试了所有可能的解决方案，这对我有用。不要给你的图片路径像 - /images/form.jpg 。

如果您的文件名由大写字母和小写字母混合而成，请仅使用“小写”，这样您就不会遇到任何文件名问题。因为github页面是区分大小写的。

【讨论】：