2012-09-03-add-code-highlight-with-pygments.md

layout	title	description	category	tags
post	使用pygments为代码块添加语法高亮	add code highlight with pygments	jekyll	jekyll pygments code-highlight

{% include JB/setup %}

比较如下代码块：

一、

class Test {
  public static void main(String[] args) {
    return null;
  }
}

二、

{% highlight java linenos %} class Test { public static void main(String[] args) { return null; } } {% endhighlight %}

很明显的，第二种方式更加美观，也更加直观，更容易让人一目了然。实现方法其实也比较简单，下面一步一步讲到。

博客模板为jekyll，托管平台为Github。

首先安装pygments。

个人使用Ubuntu 12.04 LTS X86。安装方法：

{% highlight bash %} sudo apt-get install python-pygments {% endhighlight %}

安装完成，输入：

{% highlight bash %} pygmentize -S default -f html > pygments.css {% endhighlight %}

此时会在当前目录下生成一个名为pygments.css的样式文件。

将此样式文件拷贝到博客项目的样式目录下，同时在修改模板，添加样式引用（<link>）。

markdown文件中，将需要高亮显示的代码段修改为：

{% highlight java linenos %}
class Test {
  public static void main(String[] args) {
    return null;
  }
}
{% endhighlight %}

其中，java为语言各类，linenos为显示行数。

这样子就OK了。

具体文档请参考：http://pygments.org/docs/quickstart/

转载请注明出处：www.王文波.cn