blog

jekyll ではじめる Static Web Site シリーズjekyllでタグ・カテゴリ・マンスリーアーカイブページを作る

    • Ryuichi Nonaka
    この記事は書かれてから1年以上経過しており、内容が古い場合があります。

    アーカイブページを作るには

    タグやカテゴリのアーカイブページを作るにはJekyllプラグインを使います。 プラグインディレクトリの_pluginsにプラグインファイルを入れてテンプレートを用意するだけです。私の場合はAmazon S3をホスティング場所にしているので問題ありませんが、githubページの場合はプラグインが使えない可能性があります。

    今回紹介するものはページング機能を持っていないのでカテゴリ内の記事を100本でも200本でも表示します。ページングの方法が理解できて改造できるようになったら実装しようと思います。そこらへんに落ちてないか探したんですが現行バージョンに対応していなくて良いものがないんですよね。

    タグ・カテゴリアーカイブ

    タグ・カテゴリのアーカイブはこちらの記事Tag in Jekyllを参考にしました。少し古めの記事ですがシンプルなものなので現行バージョンでも問題なく動作します。

    カテゴリアーカイブ用プラグイン

    タグアーカイブ用のプラグインを改造してカテゴリアーカイブ用のプラグインも用意できます。 実際にカテゴリ用に調整するとこんな感じ。

    実際にこのブログで生成したタグ・カテゴリーアーカイブがこれ。

    もう少ししっかりしたものであればこちらCategory archive plugin for Jekyllも良いかもしれません。

    マンスリーアーカイブ

    マンスリーアーカイブはこちらMonthly archive plugin for Jekyllを使います。このプラグインもタグ・カテゴリアーカイブを作るプラグインとほぼ同じです。

    実際に使って生成されたアーカイブがこちら

    アーカイブ一覧リンクの作り方

    記事数が増えると負荷が高いかもしれませんがforループを使って作ります。

    アーカイブページができるだけで一気に使いやすくなりますね。
    以上、アーカイブの作り方でした。

    シリーズ

    1. Jekyll × Gruntでブログを作ってみた:環境構築編
    2. Jekyll × Gruntでブログを作ってみた:NodeモジュールとGruntタスク
    3. Jekyll × Gruntでブログを作ってみた:まずはJekyllだけ動かしてみる
    4. Jekyllの関連記事表示とGSLを使った処理時間の短縮
    5. jekyllでFontAwesomeアイコンを表示するLiquid Tagを作った
    6. jekyllのタグを投稿数で並び替えて表示する
    7. jekyllでタグ・カテゴリ・マンスリーアーカイブページを作る
    8. jekyllでプラグインを使った動的ページ生成

    コメント・フィードバック