爲什麼Markdown語法在jekyll網站上添加圖片無法正常工作？

Question

我正在尋找（幾個小時的時間）如何將圖像添加到我的Jekyll網站上由Github頁面託管的頁面。

我已經閱讀了大量的帖子，解決方案給出，但沒有一個似乎工作。然而，Markdown語法圖像非常清晰......我沒有看到我錯在哪裏？

問題：我的網站只顯示代碼行，而不是圖片！好像Jekyll編譯器認爲這個代碼像普通文本一樣。

這一般給出的語法是：![My Title](http://url/to/img.png)（詳見Here）

據我所訪問過的論壇中，reccurent問題轉路徑周圍的圖像。 Asbolute還是不？與missed slash：「/」或使用不良liquid syntax{{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> 

，你可以在my website看到這些圖像是不降價的語法顯示，但與傳統的HTML方法沒有問題（這會導致我認爲這不是我的網址問題......）。我還將自己的形象放在回購站的不同位置，以找到解決方案，這就是爲什麼網址正在發生變化。

有沒有人有同樣的問題，並解決了它？解決方案可能很簡單，但我是Jekyll的新手，我真的不知道我的錯誤在哪裏。

非常感謝您的幫助！

Answer 1

在jekyll網站上添加圖片的markdown語法不起作用，因爲它位於HTML標籤內，所以當混合使用kramdown語法的HTML代碼並且希望處理這個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)