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"/>

并且所有这三个都以我预期的方式显示为图像。但是，当我打开我的网页时，第一个和第三个显示为仅替换文本，第二个链接显示为损坏的图像。我没有得到我错的地方。任何帮助将非常感谢。

可以找到_post存储库here 相应的网站是here

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="">

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

1 个答案: