使用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准备好复制和粘贴，这实际上是不同代码元素的样式。或者我完全错过了什么？

我查看了一些突出显示prettify或prism等库的代码，但这些代码在浏览器中使用javascript进行自己的格式化。但由于redcarpet已经完成了格式化代码的繁重工作，因此不必再进行此操作。

任何提示？

Answer 1

你需要一些CSS魔法。使用this one或pick one from here。

Answer 2

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

rougify style > rouge.css

或者

coderay stylesheet > coderay.css

Answer 3

我喜欢分享所面临的解决方案，并且花了很多时间摆脱了这个问题。 Jekyll中的默认语法突出显示效果很差。就像大卫说的那样，您确实需要一些CSS魔术。首先检查this site，了解如果您遵循this要点来解决语法突出显示问题，将会得到什么结果。