ブログを改良した。Blogトップの記事を分割して表示されるようにした。

#はじめに
このブログコンテンツはJekyllというMarkdownファイルをもとに静的なサイトを生成するツールを使って、GitHub Pagesでホストしている。Jekyllには様々な機能があり、自分がこのブログを作った時にはとりあえず完成させようと、Jekyllの機能としては最低限必要なものだけを使用した。

先日、Jekyllの公式ページを眺めていると使える機能がたくさん説明されているのを発見した。そういえばこのブログを作った時にも見た気がするが、当時の自分には解読出来なかった。今読んでみるといくらかは理解出来たので、できる範囲での改良に取りかかった、というわけである。

#トップページの分割
Jekyllのpaginateというpluginを入れ、ひとつのページに表示する記事の数とページを分割した時のURLを指定するだけだ。これだけでページは分割されるが、記事を取得する関数を直さなければいけなかった。公式ページの説明は詳しくは書かれていないため、Jekyll公式のサンプルコードとにらめっこしなければならなかった。

#PrevボタンとNextボタン
記事数の制限により一部しか見られなくなってしまったので、「次のページへ」のようなボタンを実装する必要がある。この部分が難しそうで放置していたのだが、公式ページを見るとものすごく簡単そうだった。というのもサンプルコードが優秀なので　

公式ページに書いてあるようにPrevボタンとNextボタン、それに現在のページの表示を付けた。計算を間違えて適切な位置に配置するのに数時間かかってしまった

別の人のブログなどを参考に、見やすいようにコンテンツとの間に薄い線を引くなど見た目を整えた。

#まだ実装できていないもの
サイトが完成した時の記事でtagによる検索機能を付けたいと話した。たとえばblogのタグをクリックすると、blogのタグがつけられた記事の一覧が見られる、というような。しかし、この機能を使うにはRubyでのpluginを書く必要があり、どうやらそれはGitHub Pagesでは動かないらしい。
2024-11-07追記:作れた