css - 我是否需要从 Pygments 为我的 jekyll 博客生成一个 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 以进行适当的自定义。

---

两个注意事项：

1. 您可能已经这样做了，但是为了让刚接触 Jekyll 和 Pygments 的人受益，您可能还必须添加pygments: true到_config.yml文件中才能使 Pygments 正常工作。（或者，运行jekyll --pygments具有相同效果的 jekyll。）

2. 当被问到这个问题时，最初的Jekyll 安装文档并不清楚如何让 Pygments 工作。从那时起，我添加了“Pygments 使用”部分，希望也能帮助清理那里的东西。

Answer 2

您需要包含 syntax.css

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

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