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

Question

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

我已经阅读了很多给出解决方案的帖子，但似乎没有一个有效。但是 Markdown 语法图像非常清晰......我看不出我哪里错了？

问题: 我的网站只显示代码行，不显示图像!好像 Jekyll 编译器将此代码视为普通文本。

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

根据我访问过的论坛，经常出现的问题围绕着图像的路径。 Asbolute或不 ？用missed slash : "/"或错误使用 liquid syntax {{site.url}} .

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

这是我写的基本 Markdown 页面:

---
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 问题......)。我还将我的图像放在我的 repo 协议(protocol)的不同位置，以找到一个解决方案，这就是 url 发生变化的原因。

有遇到同样问题并解决的吗？解决方案可能很简单，但我是 Jekyll 的新手，我真的不知道我的错误在哪里。

非常感谢您的帮助!

Answer 1

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

一种方法是在 HTML 标签中添加 markdown="1" 属性，例如:

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

看kramdown代码前没有空格，不然会被解释成 block 代码。

对于这种特殊情况，您可以只使用 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)