图像没有在Github页面中显示？

Question

我在我的Github项目中添加了一个项目站点.但有些照片没有在网站上显示.

Img代码:

<img src="img/screenshot2.PNG" class="img-responsive" alt=""> </div>

文件夹结构(img是一个文件夹):

img
    Screenshot2.png
index.html

我试过.png和.PNG(一些早期的SO答案建议)并且没有一个工作

有解决方案吗

Answer 1

没关系,我解决了.

如果有人有同样的问题.

GitHub页面区分大小写.不仅适用于文件夹,还适用于图像名称.

Answer 2

是的，我有同样的问题有两种最有效的方法可以解决它

1. 注意图片扩展的写法，因为github页面上Images.png和images.png
2. 如果在你的代码中你像这样在图像上写 src src="/images/images.png"，只需删除该部分开头的 / ，它就会解决你的问题。

Answer 3

为谷歌用户添加我的两分钱：Git Pages 似乎忽略以下划线开头的目录，因此请确保您没有<a href="_images/whatever.jpg">.

Answer 4

正如@dnivog 提到的，GitHub 的服务器需要一点时间来更新文件。

如果以上都没有解决您的情况，请稍后再回来查看。?

Answer 5

我今天遇到了这个问题。我通过以下方式解决了它：

• 仔细检查Case Sensitive图像的（即与或什至Screenshot.png不同）Screenshot.PNGscreenshot.png
• 仔细检查PATH图像的大小。为我; 是的../img/myImg.jpg，我将其更改为./img/myImg.jpg指向项目的当前目录

解决了上面提到的 2 个问题后，它工作得很好......希望它能帮助您摆脱困境！

Answer 6

写下你看到的.

是的Screenshot2.png.一开始就是小写png和资本S.

Answer 7

我尝试同时使用 JPG 或 jpg 但没有成功。

我尝试了以下步骤，效果很好。

尝试使用完整路径。假设您的图像位于 repo-name/img/pic.jpg 内。然后使用https://username.github.io/repo-name/img/pic.jpg而不是 /img/pic.jpg。

Answer 8

对于仍在滚动浏览答案的人：请执行以下步骤：

0. 确保图像确实已上传到您的遥控器上。在您的主存储库页面上，单击图像的名称，然后查看它是否打开：如果是，请继续下一步

1. 使用“Github 页面”加载网站

2. 打开检查元素（DevTools），转到 .html 文件中的 html 元素或您定义的 CSS 样式src

3. 在这里尝试人们上面描述的所有各种解决方案[对我有用的解决方案：我添加到我的=>./的开头src./name-image

4. 无论哪种解决方案有效，请在本地 html 或 CSS 中进行更改并推送到 github。

Answer 9

在 Github 上托管网站时，我遇到了同样的问题。图像文件在我的本地保存为 .jpg 扩展名（小写字母）并且工作正常。我把同样的东西推到了github。那没有用。

我不得不将扩展名更改为 .JPG（大写），因为它是图像的原始扩展名。Github 页面对上传文件的名称区分大小写。