Jekyll圍欄代碼塊kramdown問題

Question

我正在努力與圍欄代碼塊突出顯示。你能幫我理清我做錯了什麼嗎？

當我使用液體標籤時，代碼突出顯示效果很好：{％highlight lang％} {％endhighlight％}，但是這種方法打破了列表（這是一個已知問題）。 最讓我困擾的是當我使用kramdown + rouge語法時，它根本沒有突出顯示代碼。

這裏的化身如何解析兩種方式：

1. Kramdown +胭脂語法

   ```xml 
   <intent-filter> 
       <action android:name="some.event" /> 
   
       <category android:name="some.event" /> 
   </intent-filter> 
   ``` 
   

   

2. 液體語法

   {% highlight xml %} 
   <intent-filter> 
       <action android:name="some.event" /> 
   
       <category android:name="some.event" /> 
   </intent-filter> 
   {% endhighlight %} 
   

   

我之前和之後的代碼塊嘗試的空行和空格的任意組合，但似乎沒有任何工作。

Answer 1

您爲kramdown + rouge結果鏈接的圖像僅部分顯示kramdown輸出（即只有<div ...>...</div>）。不過，我猜，結果是這樣的：

<div class="language-xml highlighter-rouge"><span class="nt">&lt;intent-filter&gt;</span> 
<span class="nt">&lt;action</span> <span class="na">android:name=</span><span class="s">"some.event"</span> <span class="nt">/&gt;</span> 
<span class="nt">&lt;category</span> <span class="na">android:name= 
</span><span class="s">"some.event"</span> <span class="nt">/&gt;</span> 
<span class="nt">&lt;/intent-filter&gt;</span> 
</div> 

如果是這樣，結果是通過kramdown語法高亮的胭脂。您可能只需要包含正確的CSS樣式。爲此，this blog post可能會有所幫助。