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

Why is Markdown syntax to add an image on jekyll website not working?

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

我已经阅读了很多 post 的文章,其中给出了解决方案,但其中 none 似乎有效。然而 Markdown 语法图像非常清晰......我没有看到我错在哪里?

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

一般给出的语法是:![My Title](http://url/to/img.png)(详见Here

根据我访问过的论坛,经常出现的问题围绕着图像的路径。 or not ? with a missed slash : "/" or with a bad use of liquid syntax {{site.url}} .

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

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

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

而且在my website上可以看到图片不是用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)