html - 图片未显示在 GitHub 页面上

Question

我已尽一切努力使图像显示在我的 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 标签的损坏图像的标准图标。

Answer 1

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

将您的_layouts/assets 文件夹复制到您的根目录(pagename.github.io/_layouts/assets/ --> pagename.github.io/assets/) 并验证您使用正确的大小写调用 Assets 。