图片未显示在 Github 页中？
Images not displaying in Github Pages?
我在我的 Github 项目中添加了一个项目站点。但是有些照片没有显示在网站上。
图片代码：
<img src="img/screenshot2.PNG" class="img-responsive" alt=""> </div>
文件夹结构（img为文件夹）：
img
Screenshot2.png
index.html
我尝试使用 .png 和 .PNG（一些较早的 SO 答案建议这样做）并且 none 它们有效
有什么解决办法吗？
没关系，我解决了
如果有人遇到同样的问题。
GitHub 页面区分大小写。不仅用于文件夹，还用于图像名称。
写下你所看到的。
是Screenshot2.png。以小写 png 和大写 S 开头。
您可以尝试将 github 存储库中的 "image link address" 放在 HTML 代码的 'img' 标签的 'src' 属性中你的文件。
我的笔记本电脑上有一个名为 "assets" 的文件夹，但是当我推送到 Github 时，它变成了 "Assets"。我必须在我的 HTML 中更改它，以便我可以在 Github 页面
上查看图像
我笔记本电脑上的仓库：
GitHub 上的回购：
正如@dnivog 提到的，GitHub 的服务器需要一点时间来更新文件。
如果以上都不能解决您的情况，请稍后再回来查看。 ⏳
在 Github 上托管网站时，我遇到了相同的问题 issue.The 图像文件在我的本地（以小写字母）保存为 .jpg 扩展名，并且工作正常。我把它推到了 github。那没有用。
我不得不将扩展名更改为 .JPG（大写），因为它是 image.Github 页面的原始扩展名，对正在上传的文件的名称区分大小写。
我今天遇到了这个问题。我通过以下方式解决了它：
- Double-check 图片的
Case Sensitive（即 Screenshot.png 与 Screenshot.PNG 甚至 screenshot.png 不同）
- Double-check 图片的
PATH。为了我;原来是../img/myImg.jpg，我改成./img/myImg.jpg指向项目当前目录
解决上面提到的2个问题后，它工作正常......希望它能帮助你摆脱困境！
我遇到了完全相同的问题，GitHub Pages 似乎对图像区分大小写，我写的是 .JPG 而不是 .jpg，一旦我将图像扩展名更改为小写，它就起作用了。
我遇到了类似的问题，只是我使用 git-lfs 来管理图像。 GitHub Pages 不支持 LFS，这将阻止图像显示。
我挣扎了很久，直到看到 Elharony 的 post：https://whosebug.com/users/5560399/elharony
谈论区分大小写。原来 Jupyter notebook 对图像文件不区分大小写，但 GitHub 是。那解决了我的问题。
为 googlers 添加我的两分钱：Git 页面似乎忽略了以下划线开头的目录，因此请确保您没有 <a href="_images/whatever.jpg">。
我尝试同时使用 JPG 或 jpg，但没有用。
我尝试了以下步骤，效果很好。
尝试使用完整路径。假设您的图像位于 repo-name/img/pic.jpg 中。然后使用 https://username.github.io/repo-name/img/pic.jpg 而不是 /img/pic.jpg.
如果您将文件导入 JS 文件并使用相对路径。
请记住使用 HTML 文件的相对路径，而不是 JS 文件的相对路径，因为它最终只会编译到 HTML 文件中。
我对 GitHub 页有同样的问题：
而不是 ../img/image.png，我写了 ../img/image.PNG 现在它工作正常。
以防万一有人遇到这个错误！
我原来的
将用于 github 个托管页面
是的，我有同样的问题
有两种最厉害的方法可以解决
- 注意附加图片的书写，因为github页
Images.png不同于images.png
- 如果在您的代码中像这样在图像上写 src
src="/images/images.png" 只需删除该部分开头的 / 即可解决您的问题。
对于仍在滚动浏览答案的任何人：
执行以下步骤：
确保图像确实已上传到您的遥控器。在你的主要回购页面上，点击图像的名称，看看它是否打开：如果是，继续下一步
加载网站“Github 页”
打开 inspect element (DevTools) ，转到您的 .html 文件中的 html 元素或您定义 CSS 样式的 src
在这里尝试人们在上面描述的所有各种解决方案[对我有用的方法：我在我的开头添加了./ src => ./name-image
无论哪种解决方案有效，请在本地 html 或 CSS 中进行更改，然后推送到 github.
我在我的 Github 项目中添加了一个项目站点。但是有些照片没有显示在网站上。
图片代码：
<img src="img/screenshot2.PNG" class="img-responsive" alt=""> </div>
文件夹结构（img为文件夹）：
img
Screenshot2.png
index.html
我尝试使用 .png 和 .PNG（一些较早的 SO 答案建议这样做）并且 none 它们有效
有什么解决办法吗？
没关系，我解决了
如果有人遇到同样的问题。
GitHub 页面区分大小写。不仅用于文件夹，还用于图像名称。
写下你所看到的。
是Screenshot2.png。以小写 png 和大写 S 开头。
您可以尝试将 github 存储库中的 "image link address" 放在 HTML 代码的 'img' 标签的 'src' 属性中你的文件。
我的笔记本电脑上有一个名为 "assets" 的文件夹，但是当我推送到 Github 时，它变成了 "Assets"。我必须在我的 HTML 中更改它，以便我可以在 Github 页面
上查看图像我笔记本电脑上的仓库：
GitHub 上的回购：
正如@dnivog 提到的，GitHub 的服务器需要一点时间来更新文件。
如果以上都不能解决您的情况，请稍后再回来查看。 ⏳
在 Github 上托管网站时，我遇到了相同的问题 issue.The 图像文件在我的本地（以小写字母）保存为 .jpg 扩展名，并且工作正常。我把它推到了 github。那没有用。
我不得不将扩展名更改为 .JPG（大写），因为它是 image.Github 页面的原始扩展名，对正在上传的文件的名称区分大小写。
我今天遇到了这个问题。我通过以下方式解决了它：
- Double-check 图片的
Case Sensitive（即Screenshot.png与Screenshot.PNG甚至screenshot.png不同） - Double-check 图片的
PATH。为了我;原来是../img/myImg.jpg，我改成./img/myImg.jpg指向项目当前目录
解决上面提到的2个问题后，它工作正常......希望它能帮助你摆脱困境！
我遇到了完全相同的问题，GitHub Pages 似乎对图像区分大小写，我写的是 .JPG 而不是 .jpg，一旦我将图像扩展名更改为小写，它就起作用了。
我遇到了类似的问题，只是我使用 git-lfs 来管理图像。 GitHub Pages 不支持 LFS，这将阻止图像显示。
我挣扎了很久，直到看到 Elharony 的 post：https://whosebug.com/users/5560399/elharony 谈论区分大小写。原来 Jupyter notebook 对图像文件不区分大小写，但 GitHub 是。那解决了我的问题。
为 googlers 添加我的两分钱：Git 页面似乎忽略了以下划线开头的目录，因此请确保您没有 <a href="_images/whatever.jpg">。
我尝试同时使用 JPG 或 jpg，但没有用。
我尝试了以下步骤，效果很好。
尝试使用完整路径。假设您的图像位于 repo-name/img/pic.jpg 中。然后使用 https://username.github.io/repo-name/img/pic.jpg 而不是 /img/pic.jpg.
如果您将文件导入 JS 文件并使用相对路径。 请记住使用 HTML 文件的相对路径，而不是 JS 文件的相对路径，因为它最终只会编译到 HTML 文件中。
我对 GitHub 页有同样的问题：
而不是 ../img/image.png，我写了 ../img/image.PNG 现在它工作正常。
以防万一有人遇到这个错误！
我原来的
将用于 github 个托管页面
是的，我有同样的问题 有两种最厉害的方法可以解决
- 注意附加图片的书写，因为github页
Images.png不同于images.png - 如果在您的代码中像这样在图像上写 src
src="/images/images.png"只需删除该部分开头的 / 即可解决您的问题。
对于仍在滚动浏览答案的任何人： 执行以下步骤：
确保图像确实已上传到您的遥控器。在你的主要回购页面上，点击图像的名称，看看它是否打开：如果是，继续下一步
加载网站“Github 页”
打开 inspect element (DevTools) ，转到您的 .html 文件中的 html 元素或您定义 CSS 样式的
src在这里尝试人们在上面描述的所有各种解决方案[对我有用的方法：我在我的开头添加了
./src=>./name-image无论哪种解决方案有效，请在本地 html 或 CSS 中进行更改，然后推送到 github.