Python Markdown2 围栏代码块缩进问题

Question

上下文：

我正在使用 python 为 markdown 文件构建一个静态站点生成器。 我选择使用 Markdown2 库将 *.md 文件转换为 html 文章，效果非常好。我使用了包含代码块的 markdown 测试文件。因为我希望它们突出显示，所以我安装了 Pygments-css 并使用了 “fenced-code-blocks” Markdown2 额外功能。 我使用 Yattag 将 Markdown 渲染的内容包装在

<article>

中。

这是代码：

    def render_md(self, md_file_content, extras):
        f = self.generate() # generates doctype, head etc

        # the following returns a string like "03 minute(s) read" depending on article words count
        estimated_time = self.get_reading_time(md_file_content)

        # markdown2 returns a string containing html
        article = markdown2.markdown(md_file_content, extras=extras)
        # the two following lines handle emoji
        article = emoticons_to_emoji(article)
        article = emoji.emojize(article, use_aliases=True, variant="emoji_type")

        doc, tag, text = Doc().tagtext()

        with tag('article'):
            with tag('span', klass='article__date'):
                text(time.strftime(f'%Y %b %d - %H:%M {estimated_time}'))
            # the following allows me to append a string containing html "as is", not altered by Yattag
            doc.asis(article)

        return self.close_html(f + indent(doc.getvalue())) # self.close_html adds some closing tags and js script tags

这是我的配置文件中的额外内容：

extras: # Documentation on https://github.com/trentm/python-markdown2/wiki/Extras
  - code-friendly
  - cuddled-lists
  - fenced-code-blocks
  - tables
  - footnotes
  - smarty-pants
  - numbering
  - tables
  - strike
  - spoiler

这是 *.md 文件摘录：

    JS

    ```js
    var foo = function (bar) {
      return bar++;
    };

    console.log(foo(5));
    ```

问题：

我无法正确缩进。我觉得我错过了一些东西，这是我得到的输出：

  <div class="codehilite">
    <pre>      
      <span></span>
      <code>
        <span class="kd">var</span>
        <span class="nx">foo</span>
        <span class="o">=</span>
        <span class="kd">function</span>
        <span class="p">(</span>
        <span class="nx">bar</span>
        <span class="p">)</span>
        <span class="p">{</span>
        <span class="k">return</span>
        <span class="nx">bar</span>
        <span class="o">++</span>
        <span class="p">;</span>
        <span class="p">};</span>
        <span class="nx">console</span>
        <span class="p">.</span>
        <span class="nx">log</span>
        <span class="p">(</span>
        <span class="nx">foo</span>
        <span class="p">(</span>
        <span class="mf">5</span>
        <span class="p">));</span>
      </code>
    </pre>
  </div>
  

如果我删除多余的内容，内容不会呈现为代码块，而是呈现为简单的

<p>

标签。

我使用

<span>

来突出显示，但是如何获得如下缩进的结果（从 Pycharm 捕获）？我真的不明白它应该如何输出这个结果。

Answer 1

indent() 方法把它弄乱了，尝试删除它，它对我来说工作得很好，你可以尝试一下！

Answer 2

我面临同样的问题，但仅限于某些系统！

我的知识：

如果安装了 Pygments，则无法正常工作（带有 display: inline 的 css-trouble ） 如果删除 Pygments 模块，它可以正常工作。