Wivern Blog

Personal-Tech memorandum

Octopressにタグクラウドとカテゴリーリストを追加する

タグリストをサイドバーに表示させる。

OctopressのデフォルトのサイドメニューはRecent Postsのみの表示

Recent posts

記事を新規投稿するときにYAML FRONT MATTERでcategoriesを設定しているので、サイドメニューにCategoriesを表示させる。

Octopress向けに公開されているプラグインを使ってサイドメニューにカテゴリーリストとタグクラウドを実装

tokkonopapa/octopress-tagcloud プラグイン

https://github.com/tokkonopapa/octopress-tagcloud

tokkonopapa/octopress-tagcloudのソースコードをcloneしてファイルを配布する。

1
2
3

$ git clone https://github.com/tokkonopapa/octopress-tagcloud.git
$ cp -p octopress-tagcloud/plugins/tag_cloud.rb plugins/
$ cp -p octopress-tagcloud/source/_includes/custom/asides/* source/_includes/custom/asides/
1
2
3
4
5
6
7
8
9

.
├─ plugins/
│  └── tag_cloud.rb
└─ source/
   └─ _includes/
      └─ custom/
         └─ asides/
            ├─ category_list.html
            └─ tag_cloud.html

_config.ymlにtokkonopapa/octopress-tagcloud プラグインで生成する静的ファイルを サイドメニューのコンテンツとして使用するための設定を記述

_config.ymlにdefault_asides:から始まる行があるが、サイドメニューに表示するHTMLファイルを配列で記述する。

1
2
3
4
5

default_asides: [
    asides/recent_posts.html,
  + custom/asides/about.html,
  + custom/asides/tag_cloud.html
]

octopress-tagcloud