Github Pages中图片无法显示？

我在笔记本电脑上有一个名为"assets"的文件夹，但是当我将其推送到Github时，它变成了"Assets"。我必须在我的HTML中进行更改，以便在Github页面上查看图片。
我笔记本电脑上的存储库：
Github上的存储库：

我曾经遇到过同样的问题，GitHub Pages对图片大小写敏感，当我将图片扩展名改成小写后，它就正常工作了，因为我原本写的是.JPG而不是.jpg。

如果有人在使用jekyll构建github站点时遇到这个问题，那么这个问题还有另外一个变化。它是关于在常规html中在图像路径上加入 '.' 或 '..' 的上面几个答案的一个变化。对于jekyll来说，它会呈现markdown源文件，因此应该添加的是{{site.baseurl}}，其中baseurl在jekyll配置文件中提供，并且是github仓库的根目录。换句话说：

![image 1](/images/image1.png "Image 1")

本地呈现：

![image 1](./images/image1.png "Image 1")

根据上文的几个答案，该内容将在 Github Pages 上呈现。

![image 1]({{site.baseurl}}/images/image1.png "Image 1")

将本地渲染和github页面一起使用是使用jekyll的最佳方式，因为所有站点的编码都可以在本地提前完成，然后再推送到github上。

如果你正在将文件导入到JS文件中并使用相对路径，请记得从HTML文件而不是JS文件获取相对路径，因为它最终会编译进HTML文件中。

我原来的 <img src="images/walnut.png" 已更改为 <img src="/blob/main/images/walnut.png"

将适用于 GitHub 托管页面

在我看到Elharony的这篇文章之前，我苦恼了很长时间：https://stackoverflow.com/users/5560399/elharony他谈到了大小写敏感性。结果证明Jupyter笔记本对于图像文件是不区分大小写的，但是GitHub是区分大小写的。这解决了我的问题。

您可以尝试将GitHub仓库中的“图像链接地址”放入文件的HTML代码的“img”标签的“src”属性中。

我在使用GitHub页面时遇到了同样的问题：

我写成了../img/image.PNG而不是../img/image.png，现在它可以正常工作了。 我知道这不是一个解决方案，但在某种程度上对我有用。

以防万一，如果有人遇到此错误！

我遇到了同样的问题，在我的情况下，问题出在/上。

<img src="/Images/shared/desktop/logo.svg" alt="" class="logo" />

在本地机器上，我在html中使用此代码来显示图像，它可以正常工作，但是在github上无法显示图片。

但是，当我从path中删除了/时，它就可以正常工作了。

<img src="Images/shared/desktop/logo.svg" alt="" class="logo" />

我把 /image.png 改成了 image.png，这样就解决了。

（在 GitHub 页面上指向图片时，如果它与 HTML 文件或引用它的文件位于同一文件夹中，则文件名前不需要加“/”！）