github - 为什么我在 Github 上托管的网站上看不到我的图片，但在存储库中看起来不错？

Question

最近我开始在 Github 上开发一个网页并创建了一个博客。今天发书评时，发现无法嵌入图片。我正在使用 kramdown 语法并使用我尝试过的

![one-indian-girl](../css/images/oneindiangirl.png)

然后我又直接使用了

<img class="img-responsive" src="../css/images/oneindiangirl.png"/>

和

<img src="../css/images/oneindiangirl.png" alt="One-Indian-Girl" class="inline"/>

所有这三个都以我预期的方式显示为图像。但是，当我打开网页时，第一个和第三个仅显示为 alt 文本，第二个链接是损坏的图像。我没有找到我要去的地方。任何帮助将不胜感激。

_post 存储库可以在这里找到 ，相应的网站在这里

Answer 1

<img class="img-responsive" src="../css/images/oneindiangirl.png" data-pin-nopin="true">

这里是src="../css/images/oneindiangirl.png"实际的裁判 https://darkdem.github.io/2016/10/css/images/oneindiangirl.png

地址但是，图像实际上位于https://github.com/DarkDem/DarkDem.github.io/blob/master/css/images/oneindiangirl.png 或https://darkdem.github.io/css/images/oneindiangirl.png

所以这就是为什么图像没有显示。

我不确定解决方案，但你可以试试这个

<img src="{{ site.url }}{{ site.baseurl }}/css/images/filename.jpg" alt="">

对于你的情况，它会像

<img src="https://darkdem.github.io/css/images/oneindiangirl.png" alt="">