Jekyll:如何更改Markdown中编写的内联代码的着色方案?

时间:2017-02-12 07:04:58

标签: html css jekyll

我不是指代码块中的语法突出显示,而是内联代码,例如: this is an inline code。我认为它可能与_sass文件夹的css文件有关,但是我无法在这个repository中找到一个特定的代码,这会改变着色方案。有没有办法可以复制GitHub或StackOverflow内联着色方案?

1 个答案:

答案 0 :(得分:1)

据我所知,Jekyll降价处理器会围绕内联代码添加此HTML:<code class="highlighter-rouge">code example</code>(假设您正在使用胭脂)。

对于```language-name的代码块,您可以得到如下样式的跨度:

<div class="language-coffeescript highlighter-rouge">
  <pre class="highlight">
    <code>
      <span class="na">paginate_multiple</span>
      <span class="o">:</span>
      <span class="o">-</span>
      <span class="na">paginate</span>
      <span class="o">:</span>
      <span class="mi">3</span>
    </code>
  </pre>
</div>

内联代码的单个`标记不会输出带有类的跨度,因此无法设置样式。