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可能会有所帮助。