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

Question

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

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

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

我看到包含类的html源代码,但是这个代码片段没有颜色.

我是否需要从Pygments生成一些css文件并包含它们？如何？

Answer 1

是的,您需要安装或创建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安装文档不清楚如何在问这个问题时让Pygments工作.从那时起我添加了"Pygments Usage"部分,希望有助于清除那里的事情.

刚刚发现这篇文章,我已经创建了一个包含所有主题的回购[https://github.com/iwootten/jekyll-syntax](https://github.com/iwootten/jekyll-syntax)希望它对这里的人们有用.另外,您可以使用`-a`选项指示类jekyll高亮,例如`pygmentize -S default -f html -a .highlight> default.css` (2认同)

Answer 2

您需要包含syntax.css

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