jekyll 使用 pygments 实现代码高亮

| 分类 计算机知识  | 标签 highlight 

##1. 安装pygments

不好意思,默认在Mac环境下操作:

  1. easy_install pygments
  2. 在pygments的官网上选择自己喜欢的代码样式,记下名称。其实friendly就比较好了- -
  3. pygmentize -S friendly -f html > DIR/highlight.css。其中DIR是你博客放置css的目录
  4. 在_config.yml中添加一句:pygments: true,因为jekyll原生支持pygments,所以添加一个配置即可

##2. 使用

这个也非常简单,搜一下就知道了。效果如下:

1
2
3
public void fun() {
	System.out.println("hello, pygments!");
}

在这里面,highlight后面第一个参数是语言,比如java、python、c等等,第二个参数是显示行号

##3. 注意点

  • 第一个参数为必填,不填会导致 _site 目录生成不了相应的 html 文件
  • 高亮代码段上下都必须留出一行空白,否则可能会导致乱码(我没留但是没乱码,看来是人品好= =)
  • 有的代码会很长,建议使用左右滚轮,在主题 css 中添加.highlight{ overflow: auto; }即可

上一篇     下一篇