jekyll - 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>

寻找有关如何进一步诊断的想法？

标签： jekyllrouge

Answer 1

似乎有一个相关的讨论关于这个以前发生在这里。

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