Jekyll+Markdown中代码高亮 2014.04.15

Jekyll原生支持语法高亮工具Pygments，Pygments支持多种语言高亮。这里介绍两种代码高亮的方法。

1.Pygments

1.1.优点

• 支持超过100种以上的代码高亮
• 不用担心代码格式化的问题，直接拷贝即可

1.2.缺点

• 安装方式要难于highlight.js，前提要求已安装python
• 有新的版本，需要手动重新生成pygments.css

1.3.安装方式

• pip install Pygments
• 点击下载安装包 easy_install Pygments-1.6-py2.7.egg

1.4.生成pygments.css

pygmentize -S default -f html > pygments.css

1.5.引入pygments.css

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

设置_config.yml中pygments=true

pygments: true

1.6.用法

{ % highlight language % }
   your code goes here  
{ % endhighlight % }

或者

```language
   your code goes here  
```

用实际使用的lexers替换掉language即可，所有的lexers列表可参见这里

1.7.官方资源

• Pygments on github
• Pygments homepage
• Supported languages list

2.Highlight.js

2.1.优点

• 容易使用
• 方便升级

2.2.缺点

• 代码高亮风格不如pygments友好，目前新版本已经漂亮很多了
• 需要自己组织代码格式

2.3.引入highlight.js

1.引入在线资源

<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/default.min.css">
<script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script>

2.下载至本地后引入

下载地址：点击

<link rel="stylesheet" href="styles/default.css">
<script src="highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

2.4.用法

代码用使用标签<pre><code></code></pre>包含即可。

2.5.官方资源

• Highlight.js homepage

• ← Prev
• Next →