为什么在 jekyll 网站上添加图像的 Markdown 语法不起作用?



我正在搜索(现在已经几个小时了)如何将图像添加到由 Github 页面托管的 Jekyll 网站上的页面。

我已经阅读了很多给出解决方案的帖子,但似乎都没有奏效。但是,降价语法图像非常清晰...我看不出我错在哪里?

问题: 我的网站只显示代码行,而不显示图像!好像 Jekyll 编译器认为这段代码就像一个普通的文本一样。

通常给出的语法是:![My Title](http://url/to/img.png)(在此处查看更多)

根据我访问过的论坛,复发问题转向图像的路径。阿斯博卢特与否?带有遗漏的斜杠:"/"或液体语法{{site.url}}的不当使用。

我已经阅读了所有这些帖子,测试了他们的解决方案并尝试了多重组合,没有任何结果!

这是我写的基本降价页面:

---
layout: default
title: Catégories
menu: main
weight: 10
permalink: /categories/
--- 
<div>
<ul>
<li>
![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )
</li>
<li>
![Logo Jekyll](http://memofil.github.io/assets/images/categories/jekyll-logo.png)
</li>
<li>
![Logo Jekyll]({{"/assets/images/categories/jekyll-logo.png"| absolute_url}})
</li>
<li>
![Logo Jekyll](/categories/jekyll-logo.png)
</li>
<li>
<img src="{{site.url}}/assets/images/categories/jekyll-logo.png" />
</li>
</ul>
</div>

你可以在我的网站上看到图像没有使用 Markdown 语法显示,但经典的 HTML 方法没有问题(这让我认为这对我来说不是 url 问题......我还把我的图像放在我的存储库的不同位置,以找到一个解决方案,这就是 url 发生变化的原因。

有没有人遇到同样的问题并解决了它?解决方案可能很简单,但我是 Jekyll 的新手,我真的不知道我的错误在哪里。

非常感谢您的帮助!

在 jekyll 网站上添加图像的 markdown 语法不起作用,因为它位于 HTML 标签内,因此当将 HTML 代码与 kramdown 语法混合并且您希望处理此 kramdown 代码时,您需要明确指定它。

一种方法是将markdown="1"属性添加到 HTML 标记中,例如:

<ul>
<li  markdown="1">
![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )
</li>
</ul>

请注意 kramdown 代码之前没有空格,否则它将被解释为块代码。

对于这种特殊情况,您可以只使用kramdown列表:

- ![Logo Jekyll]({{site.url}}/assets/images/categories/jekyll-logo.png )
- ![Logo Jekyll](http://memofil.github.io/assets/images/categories/jekyll-logo.png)
- ![Logo Jekyll]({{"/assets/images/categories/jekyll-logo.png"| absolute_url}})
- ![Logo Jekyll](/categories/jekyll-logo.png)

最新更新