Jekyll / Rouge - выделенные блоки кода, вложенные

Question

Я перешел со страниц github на хостинг своего сайта.В результате этой миграции я получил вложенные блоки подсветки синтаксиса.

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

При визуализации это выглядит так:

Настройки, связанные со стилем в _config.yml:

kramdown:                                         
  syntax_highlighter: rouge                                      

sass:                                                     
  style: :expanded

Настройка syntax_highlighter: none удаляет классы, связанные с подсветкой (это просто для получения дополнительной информациикод просто дословно, не выделен в блоке):

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

Ищете идеи, как диагностировать это дальше?

Answer 1

Похоже, что ранее об этом уже говорилось здесь .

Решение состоит в том, чтобы изменить запись CSS в _sass/_highlights.scss так, чтобы .highlight был заменен на pre.highlight