Markdown：有序列表中的代码片段答案

【问题标题】：Markdown: code snippets in the ordered listMarkdown：有序列表中的代码片段
【发布时间】：2015-02-19 02:11:32
【问题描述】：

我正在使用 Octopress 生成带有 markdown 的静态 html 页面。我想要做的是将 Pygments 突出显示的代码块嵌入到有序列表中。要将非高亮代码块包含到有序列表中，可以执行以下操作：

1.  list item 1
    its description
        code block here
2.  list item 2
    its description
        code block

并且markdown正确理解它。但是，如果我想将代码 sn-p 包含到有序列表中怎么办？我正在尝试这个：

1.  list item 1
    its description

    ```
    code block here
    ````

2.  list item 2
    its description

    ```
    code block
    ```

但这种方式代码块无法识别。将反引号代码块向左或向右移动无济于事。如果我将它移到左边，代码块将被突出显示，但列表的下一个数字将是 «1»，因此，它将是一个新列表。

我该如何解决这个问题？顺便说一句，我正在使用 kramdown，但我没有让它既适用于 markdown，也不适用于 kramdown。

【问题讨论】：

你能检查生成的 HTML，它是否包含<code class="language-..."？如果是这样，那么可能只是 CSS 在列表中不起作用
它不包含这个。但即使是突出显示的代码块也不包含它。我对突出显示的块有什么
<div class="bogus-wrapper"><notextile><figure class="code"><div class="highlight">... 并且对于未突出显示的块是<pre><code>...。对于我尝试过的变体，我在<pre><code>... 中添加了反引号，但在浏览器中它看起来不像代码块。

【解决方案1】：

在 Kramdown 中，您 have to 使用波浪号作为围栏代码块（而其他 Markdown 实现也支持反引号）：

1.  list item 1
    its description

    ~~~
    code block here
    ~~~

【讨论】：

谢谢！我以为我在使用 kramdown，但现在我不确定 Octopress 对反引号块做了什么。现在，如果我在1. 之后使用 6 个空格缩进，并且在新项目之前的所有行（包括代码块）使用 8 个空格缩进，它就解决了我的问题！我在有序列表中突出显示了代码块。太好了，谢谢！
我想指出它在 Markdown 中不起作用。