使用 redcarpet 在 jekyll 中突出显示语法

Question

我正在尝试让代码高亮显示为使用 jekyll 构建的简单博客工作。 我希望能够在用 Markdown 编写的帖子中突出显示代码，因此我启用了 redcarpet 作为标记语言。 这一切正常，代码在<pre></pre>标签中格式化，代码的所有各种元素都获得相应的类。 例如

<span class="n">function</span>
<span class="n">saySomething</span>
<span class="p">()</span>
<span class="p">{</span>

etc.

这很棒，但这还没有给我们实际的突出显示（颜色）。 所以我想必须有一些 css 准备好复制和粘贴它实际上做了不同代码元素的样式。 还是我完全错过了什么？

我查看了一些代码突出显示库，如美化或棱镜，但这些库在浏览器中使用 javascript 进行自己的格式化。 但由于 redcarpet 已经完成了格式化代码的繁重工作，因此没有必要再次执行此操作。

任何提示？

Answer 1

你需要一些 CSS 魔法。 使用这个或从这里选择一个。

Answer 2

您可以使用荧光笔本身创建 CSS

rougify style > rouge.css

或者

coderay stylesheet > coderay.css

Answer 3

我喜欢分享我面临的解决方案，花了很多时间来摆脱这个问题。 Jekyll默认语法高亮非常糟糕。 就像大卫说的，你真的需要一些CSS魔法。 检查 此要点以解决语法突出显示问题。