如何将Liquid标签高亮显示在有序列表中?

时间:2013-08-01 13:29:43

标签: markdown highlight jekyll liquid

这是我想要页面的内容:

<ol>
  <li>first</li>
  <li>second
    <code></code>
  </li>
  <li>third</li>
</ol>

这就是我写的:

1. first
2. second
  {% highlight ruby %}
  code here
  {% endhighlight %}
3. third

这就是它的呈现方式:

<ol>
  <li>first</li>
  <li>second</li>
</ol>
<div class="highlight>
  code here
</div>
<ol>
  <li>third</li>
</ol>

那我怎么写,它会呈现我想要的东西?

2 个答案:

答案 0 :(得分:1)

我无法弄清楚如何使用“Pygments”突出显示列表中的代码块。可以在不突出显示基本代码块的情况下执行以下操作:

1. first
2. second

        code here

3. third

此处的空白位置非常重要。代码段的工作方式,2. secondcode here行之间有一个空行。此外,code here文本之前有两个选项卡(八个空格也应该有效)。

使用jekyll 1.0.3并在_config.yml文件中设置markdown: kramdown的输出产生:

<ol>
  <li>first</li>
  <li>
    <p>second</p>

    <pre><code> code here
</code></pre>
  </li>
  <li>third</li>
</ol> 

答案 1 :(得分:1)

我想出了办法:

1. first
2. second
 : {% highlight ruby %}
code
code
code
{% endhighlight %}
3. third

这会呈现一个定义列表(<dt><dd>标签),这可能在技术上不正确地使用该标记,所以如果你对这种事情非常严格,你可能不喜欢它,但是我没有能够找到另一种方法而没有编写自己的插件来生成列表,这将彻底改变你编写它们的方式。