Question

这是我想要页面的内容：

<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>

那我怎么写，它会呈现我想要的东西？

Answer 1

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

1. first
2. second

        code here

3. third

此处的空白位置非常重要。代码段的工作方式，2. second和code 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>

Answer 2

我想出了办法：

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

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