Jekyll にコードハイライティングを追加

設定を変更する

_config.yml に pygments オプションを追加する．

pygments: true

CSS を読み込む

pygments が生成する HTML に適用できる CSS を用意する必要がある． 例えば syntax.css を使う．

後は HTML 側で読み込む．

<link rel="stylesheet" href="/css/syntax.css" media="screen">

記事の中にコードハイライティングの指定をする

記法:

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

結果:

def foo
  puts 'foo'
end

Reference

• Liquid Extensions - GitHub