Honmushi blog
2018/10/10

タグとカテゴリーの実装

将来ページが増えていくことを想定して、以下を実装しようと思います。

  • タグとカテゴリーをコンテンツに設定
  • それぞれの情報からアクセスするための一覧ページを作成
  • 各記事内にカテゴリーやタグのリンクを設置

タグとカテゴリーをコンテンツに設定

これは.mdファイルのfrontmatterにそれぞれ追加します。 以降記事を書くときに設定することにします。

以下のような感じです。

---
title : 'タグとカテゴリーの実装'
date : '2018-10-10'
tags : '実装,Gatsby,ブログ構築'
category : 'blog'
---

コンテンツが増加した時に管理が面倒になりそうなので、再設定・管理できる仕組みを考えたいです。
タグの追加や削除、カテゴリーの再整理など

一覧ページの実装

カテゴリーやタグの一覧ページを作ります。
何らかの方法で渡したカテゴリーの文字列を使って記事を絞り込んで取得して、一覧で表示します。
投稿日の降順にします。

カテゴリーやタグのリンク

  • コンテンツテンプレートにGraphQLでfrontmatterからtagsとcategoryを取得できるように追加
  • 上記の内容を出力するようにHTMLに追加

    タグの部分は一覧ページへのリンクにする

  • このエントリーをはてなブックマークに追加