我是否需要从Pygments为我的jekyll博客生成css文件,以启用彩色代码段?
这是我第一次使用Jekyll和Pygments。但我不知道如何插入彩色代码段 我按照官方步骤成功安装了Pygments,降价如下:我是否需要从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 你可以从我的回购协议中提取样本 然后根据您的主题进行定制。我的是为深色背景定制的。
{% 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以根据需要进行自定义
注二:
Pygments:true
添加到\u config.yml
文件中才能使Pygments正常工作。(或者,使用具有相同效果的jekyll--pygments运行jekyll。)
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