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条目，将.highlight替换为pre.highlight