Jekyll 配置 Pygments 语法高亮

由于Github强制使用rouge语法高亮详情看这里, 配置 Pygments 时候遇到了点问题,记录下。

1. 安装

安装可以参考这个博客 Mac 环境其实比较简单,直接敲命令就行:

easy_install pip
pip install pygments  

2. 生成 css

上面博客给出的css生成命令是这个:
pygmentize -f html -a .highlight -S default > pygments.css
我选了 native 配色方案,然后生成之后换上去发现背景是白色的。
F12大法发现html的class是figure.highlight,于是命令改成:
pygmentize -f html -a figure.highlight -S native > pygments.css
成功覆盖css。

3.引入

先将生成的文件复制到路径:/assets/css/pygments.css
然后修改模板 /_includes/head.html,在main.css的后面增加一行:

<link rel="stylesheet" href="/assets/css/pygments.css">

更新 Jekyll,提交 Github,完成。

PS: 貌似 Github 的 CDN 有点慢?我提交了代码,刷新博客都是提示找不到这个css,过了好几分钟才正常。