jekyllで目次を設定する (jekyll-toc-generator)
jekyll
Published: 2018-09-23

目的

jekyll の各記事に目次を追加します。

方法

今回、jekyll-toc-generator を利用します。

github からリポジトリをダウンロードします。

_plugins フォルダのセット



#### css ファイルのセット、html から読み込み

```css/toc.css``` ファイルを、任意の場所に指定します。

次に配置した css ファイルを読み込むようにします。


#### _config.yml の設定

目次の項目となる見出しの要素を指定します。

今回、h3 タグを指定しました。

jekyll-toc-generator

tocTopTag: h3


#### テンプレートで指定

下記のように設定します。

{% raw >}}

{{ content | toc_generate }}

{% endraw >}} ```

最後に

GitHub Pages の場合、この方法では目次が追加できませんでした。

別記事で、違う方法を試してみます。

参考