Jekyll で Table Of Contents を表示する方法

■環境

CentOS 5.10 64bit
Ruby 2.1.1
Gem 2.2.2
Jekyll 1.5.0
※Jekyllのインストールおよび設定はこちらから

■nokogiri のインストール

gem install nokogiri --no-rdoc --no-ri

■jekyll-toc-generator のインストール

cd /var/tmp
git clone https://github.com/dafi/jekyll-toc-generator.git
cd jekyll-toc-generator/
cp -ipr _plugins /jekyll/to/path
    「/jekyll/to/path」はjekyll buildしているmarkdownファイル等があるディレクトリを指定します
cp -ipr _plugins /jekyll/to/path
cp -ipr css/toc.css /jekyll/to/path/_layouts
    「_layouts」フォルダがまだ作成されていない場合はこちらを元に初期設定を済ませてください

■layout.htmlの修正

1. headタグ内にcssの宣言を追加

<link href="toc.css" media="screen" rel="stylesheet" type="text/css"></link>

2. tocを表示するための宣言を追加

bodyタグ内に存在する{{ content }}を以下に置き換えてください

{{ content | toc_generate }}

■動作確認

cd /jekyll/to/path
jekyll build
jekyll server --watch

http://localhost:4000/
    markdownのファイル名がindex.mdではない場合はmarkdownファイル名.htmlを後ろに付けてアクセスしてください