Jekyll/Rouge -突出显示嵌套的代码块

Question

我已经从github页面切换到托管我自己的网站。作为这次迁移的结果，我得到了嵌套的语法突出显示块。

<div class="highlighter-rouge">
  <div class="highlight">
    <pre class="highlight">
        <code>
        ... ... ...
        </code>
    </pre>
  </div>
</div>

渲染时，它看起来如下所示：

​

​

_config.yml中与样式相关的设置包括：

kramdown:                                         
  syntax_highlighter: rouge                                      

sass:                                                     
  style: :expanded

设置syntax_highlighter: none会删除与突出显示相关的类(这只是为了提供更多信息，代码只是逐字显示，而不是在块中突出显示)：

<pre>
  <code>
  ... ... ...
  </code>
</pre>

想知道如何进一步诊断这个问题吗？

Answer 1

关于之前发生的here，似乎有一个相关的讨论。

解决方案是修改_sass/_highlights.scss中css条目，以便用pre.highlight替换.highlight