Jekyll:如何更改用 Markdown 编写的内联代码的配色方案

Question

我不是指代码块中的语法突出显示，而是内联代码，例如： this is an inline code .我认为这可能与_sass文件夹 css 文件有关，但我在我分叉的这个存储库中找不到会改变配色方案的特定代码。有没有办法复制GitHub或StackOverflow内联配色方案？

Answer 1

据

我所知，Jekyll markdown 处理器在内联代码周围添加了这个 HTML：<code class="highlighter-rouge">code example</code>(假设你使用的是 rouge(。

对于带有 ```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>

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