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

我是否需要从Pygments为我的jekyll博客生成css文件,以启用彩色代码段?,css,jekyll,pygments,Css,Jekyll,Pygments,这是我第一次使用Jekyll和Pygments。但我不知道如何插入彩色代码段 我按照官方步骤成功安装了Pygments,降价如下: {% highlight ruby %} def foo puts 'foo' end {% endhighlight %} 我看到了包含类的html源代码,但是这段代码没有颜色 我需要从Pygments生成一些css文件并包含它们吗?如何添加?您需要包含syntax.css 你可以从我的回购协议中提取样本 然后根据您的主题进行定制。我的是为深色背景定制的。

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

我按照官方步骤成功安装了Pygments,降价如下:

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}
我看到了包含类的html源代码,但是这段代码没有颜色


我需要从Pygments生成一些css文件并包含它们吗?如何添加?

您需要包含syntax.css

你可以从我的回购协议中提取样本


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

是的,您需要安装或创建CSS类,以使代码高亮显示Pygments所做的工作可见。安装Pygments后,可以通过从命令行运行以下命令来完成此操作:

pygmentize -S default -f html > pygments.css
这将在当前目录中创建一个默认的
pygments.css
文件<代码>pygments-L样式将列出所有可用样式

您可以将其移动到HTML树中,并使用相应的

<link rel="stylesheet" type="text/css" href="/path/to/pygments.css">

或者,复制
pygments.css
的内容并将其放置在现有样式表中。那会让你开始的。您可以从那里编辑CSS以根据需要进行自定义


注二:

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

  • 当被问到这个问题时,最初的版本不太清楚如何让Pygments工作。从那以后,我添加了“Pygments用法”部分,希望也能帮助清理上面的内容


  • Mojombo(jekyll的创建者)有一个可能更简单的扩展(也有一个浅背景)。实际上,你可以去pygments网站,选择合适的主题,然后提取syntax.css你自己我的意思是,我应该如何包括syntax.css?我现在的问题是,当我创建一篇新文章时,syntax.css不包括在内。我应该把它放在资产/目录下吗?或者我应该如何告诉jekyll在哪里可以找到syntax.css?您应该在默认布局文件中引用它的链接。你可以把它放在任何地方,只要你能链接到它。刚刚发现这篇文章,我已经创建了一个包含所有主题的回购协议,希望它对这里的人们有用。此外,您可以使用
    -a
    选项来指示下的类jekyll highlights,例如
    pygmentize-S default-f html-a.highlight>default.css
    ,只需添加代码highlights的新_config.yml变量
    highlighter:pygments
    rouge
    等,不再是
    pygments:true