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

Question

我已经从github页面切换到托管自己的网站。迁移的结果是，突出显示了要嵌套的bloc语法。

<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