はてなブログでエントリの下に同じカテゴリの他のエントリを表示する

f:id:motemen:20140128093351p:plain

ブログとかでよく見るアレです。記事個別ページを開いたとき、エントリの下部にそのエントリと同じカテゴリの他のエントリが表示されるようになります。JavaScript で実装されていて、どなたでもご利用いただけます。

使い方

ブログのデザイン設定の「フッタ」部に、以下のコードを貼り付けて読み込むだけ。このブログでも現在有効になっているので、どんな風に動くかをご覧ください。スマホには対応してません。サーセン

<script src="http://motemen.github.io/hatenablog-scripts/show-same-category-entries/show-same-category-entries.js"></script>

カスタマイズ（JavaScript が分かる人むけ）

表示される内容をカスタマイズするには、以下の例のようにしてスクリプトを読み込む前に __hatenablog_show_same_category_entries 変数を設定します。

<script>
var __hatenablog_show_same_category_entries = { maxEntries: 2 };
</script>
<script src="http://motemen.github.io/hatenablog-scripts/show-same-category-entries/show-same-category-entries.js"></script>

設定できる項目は以下のとおり。

maxEntries: 各カテゴリについて表示するエントリの数。-1 だと無制限（フィードから取れるぶんだけ）。デフォルトは 3。
parentSelector: 同じカテゴリのエントリを表示する要素を追加するる要素へのセレクタ。デフォルトは "article"。
template: underscore.js のテンプレート。これを基に組み立てられた HTML が挿入されます。デフォルトは GitHub をご覧ください。
style: 追加で設定されるスタイル。デフォルトは GitHub をご覧ください。