ブログの関連記事表示機能を実装する

ブログに最低限の機能しか実装していなかったので各機能を実装していきます。

理想の関連記事表示

• 内容の続いている次の記事は一番上に表示したい。
• 次いで同じタグが多い記事。
• その中で日数の近い記事から表示。

この条件で関連記事を表示できれば同じタグの記事がこれだけですべて廻れるようになるはずです。

どうやって実装するか

後々のサイトの負荷等も考えて以前作った静的サイトジェネレーターのビルド時に関連度を計算してあらかじめ生成しておく事にしました。

• タグの一致数と投稿日時によって関連度を計算
• 関連度によって並び替えて5つ程取り出す

関連度の計算はタグの一致数を最優先にし、日数に関しては次の記事が上にきやすいように同じぐらいの日数の場合は新しい記事を優先に表示するようにしました。 そして実装できたものがこのページの下に表示されている関連記事になります。

おまけ

おまけでシェア機能とコメント機能も追加しました。 コメント機能は以前のプラグイン公開サイト用に作ったものを流用しました。 ようやく一般的なブログっぽい機能がそろってきました。