图片未显示在 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） 。因此，您的任何资产都将不可用。请参阅文档。

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