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

写下你看到的内容。

是Screenshot2.png。在开始时使用小写png和大写S。

Answer 3

您可以尝试通过将github存储库中的“图像链接地址”放在文件的HTML代码的“ img”标签的“ src”属性中。

Answer 4

我的笔记本电脑上有一个名为“资产”的文件夹，但是当我推到Github时，它变成了“资产”。我必须在HTML中进行更改，以便可以在Github页面上查看图像

笔记本电脑上的存储库：

GitHub上的仓库：

Answer 5

正如@dnivog所述，GitHub的服务器需要一些时间来更新文件。

如果以上方法都不能解决您的问题，请稍后再检查。 ⏳

Answer 6

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

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

Answer 7

我今天有这个问题。我是通过以下方式解决的：

再次检查图像的Case Sensitive（即Screenshot.png与Screenshot.PNG甚至是screenshot.png都不相同）
再次检查图像的PATH。为了我;它是../img/myImg.jpg，我将其更改为./img/myImg.jpg以指向项目的当前目录

修复上面提到的2个问题后，它工作得很好...希望它能帮助您解决问题！

Answer 8

我也遇到了同样的问题，GitHub Pages对图像区分大小写，一旦我将图像扩展名更改为小写，我就写了.JPG而不是.jpg。

Answer 9

除了使用git-lfs管理图像外，我遇到了类似的问题。 GitHub Pages不支持LFS，这将阻止显示图像。

Answer 10

我奋斗了一段时间，直到看到Elharony的一则帖子：https://stackoverflow.com/users/5560399/elharony 谈论区分大小写。事实证明，Jupyter笔记本对图像文件不区分大小写，但是GitHub是。那解决了我的问题。

Answer 11

为Googlers加2美分：Git Pages似乎忽略了下划线开头的目录，因此请确保您没有<a href="_images/whatever.jpg">。

Answer 12

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

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

尝试使用完整路径。假设您的图片位于repo-name / img / pic.jpg中。然后使用https://username.github.io/repo-name/img/pic.jpg代替/img/pic.jpg。

Answer 13

如果要将文件导入到JS文件中并使用相对路径。记住要有HTML文件而不是JS文件的相对路径，因为它最终只会编译成HTML文件。

Answer 14

我在 GitHub 页面上遇到了同样的问题：

我写的不是 self，而是 ../img/image.png，现在它可以正常工作了。

以防万一有人遇到这个错误！