这是我第一次使用Jekyll和Pygments。但我不知道如何插入彩色代码片段。
我按照官方步骤成功安装了Pygments,其标记为:
{% highlight ruby %}
def foo
puts 'foo'
end
{% endhighlight %}
我看到包含类的html源代码,但此代码段没有颜色。
我是否需要从Pygments生成一些css文件并包含它们?怎么样?
答案 0 :(得分:28)
是的,您需要安装或创建CSS类以使代码突出显示工作Pygments可见。安装Pygments后,可以通过从命令行运行以下命令来完成:
pygmentize -S default -f html > pygments.css
这将在当前目录中创建一个具有默认值的pygments.css
文件; pygments -L style
将列出所有可用的样式。
您可以将其移动到HTML树中,并使用相应的对象进行调用:
<link rel="stylesheet" type="text/css" href="/path/to/pygments.css">
或者,复制pygments.css
的内容并将其放在现有的样式表中。那会让你开始。您可以从那里编辑CSS以根据需要进行自定义。
两个注释:
您可能已经这样做了,但为了Jekyll和Pygments的新手,您可能还需要将pygments: true
添加到_config.yml
}文件让Pygments工作。 (或者,使用具有相同效果的jekyll --pygments
运行jekyll。)
原来的Jekyll installation documentation并不十分清楚如何在提出这个问题时让Pygments工作。从那时起我添加了“Pygments Usage”部分,希望有助于清理那里。
答案 1 :(得分:5)
您需要包含syntax.css
您可以从我的仓库中取样 https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css
然后根据您的主题自定义它。我的是为深色背景定制的。