本サイトではアフィリエイト広告を利用しています。
2018/10/10
タグとカテゴリーの実装
将来ページが増えていくことを想定して、以下を実装しようと思います。
- タグとカテゴリーをコンテンツに設定
- それぞれの情報からアクセスするための一覧ページを作成
- 各記事内にカテゴリーやタグのリンクを設置
タグとカテゴリーをコンテンツに設定
これは.mdファイルのfrontmatterにそれぞれ追加します。 以降記事を書くときに設定することにします。
以下のような感じです。
---
title : 'タグとカテゴリーの実装'
date : '2018-10-10'
tags : '実装,Gatsby,ブログ構築'
category : 'blog'
---
コンテンツが増加した時に管理が面倒になりそうなので、再設定・管理できる仕組みを考えたいです。
タグの追加や削除、カテゴリーの再整理など
一覧ページの実装
カテゴリーやタグの一覧ページを作ります。
何らかの方法で渡したカテゴリーの文字列を使って記事を絞り込んで取得して、一覧で表示します。
投稿日の降順にします。
カテゴリーやタグのリンク
- コンテンツテンプレートにGraphQLでfrontmatterからtagsとcategoryを取得できるように追加
-
上記の内容を出力するようにHTMLに追加
タグの部分は一覧ページへのリンクにする