使用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魔法.使用这个或从这里选择一个.