我是否需要为我的jekyll博客生成Pygments的css文件,以启用丰富多彩的代码片段?

时间:2012-03-11 04:34:42

标签: css jekyll pygments

这是我第一次使用Jekyll和Pygments。但我不知道如何插入彩色代码片段。

我按照官方步骤成功安装了Pygments,其标记为:

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

我看到包含类的html源代码,但此代码段没有颜色。

我是否需要从Pygments生成一些css文件并包含它们?怎么样?

2 个答案:

答案 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以根据需要进行自定义。


两个注释:

  1. 您可能已经这样做了,但为了Jekyll和Pygments的新手,您可能还需要将pygments: true添加到_config.yml }文件让Pygments工作。 (或者,使用具有相同效果的jekyll --pygments运行jekyll。)

  2. 原来的Jekyll installation documentation并不十分清楚如何在提出这个问题时让Pygments工作。从那时起我添加了“Pygments Usage”部分,希望有助于清理那里。

答案 1 :(得分:5)

您需要包含syntax.css

您可以从我的仓库中取样 https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css

然后根据您的主题自定义它。我的是为深色背景定制的。