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

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

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

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

渲染时，它看起来像：

\u config.yml

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

kramdown:                                         
  syntax_highlighter: rouge                                      

sass:                                                     
  style: :expanded

设置

syntax\u highlighter:none

删除突出显示的相关类（这只是为了提供更多信息，代码只是逐字显示，而不是在块中突出显示）：

---

想知道如何进一步诊断这种疾病吗？

之前似乎有过相关的讨论

解决方案是修改

\u sass/\u highlights.scss

中的css条目，以便将

.highlight

替换为

pre.highlight