图像未显示在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

图像没有出现可能有几个原因

1. 正在形成的图像SRC可能有误，因此请将该网址粘贴到新标签中，然后检查图像是否正在打开。
2. 图片的文件扩展名拼写错误，因为我可以看到您在代码中编写了.JPG，但您的图片是.jpg格式

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

Answer 2

有几件事可能有问题。

1. 可能没有资本化文件扩展名，因此它是.jpg而不是.JPG可以解决问题。

2. 也许它出现了但是真的很小。尝试为其添加固定的宽度和高度，看看是否有帮助。

Answer 3

由于Github Pages使用jekyll生成您的网站，因此在代数中不会复制任何强调的文件夹，例如 _layout 。因此，您的资产都不可用。 See documentation

将您的 _layouts / assets 文件夹复制到您的根目录（ pagename.github.io/_layouts/assets / - ＆gt; pagename.github.io/assets / ）并确认您使用正确的案例调用资产。