Hugoで記事にタグをつける

はじめに

Quick Startをみると、記事の縦方向の分類であるSection（セクション）については書かれていますが、横方向の分類であるタグについては書かれていませんでした。

gohugo.io

そこでタグの付け方を調べてみました。
Hugoのバージョンは下記のとおりです。

$ hugo version
Hugo Static Site Generator v0.59.0-1DD0C69C windows/amd64 BuildDate: 2019-10-21T09:40:37Z

前提条件

hrroct.hatenablog.com

こちらにある通り、Quick Startを済ませた状態を前提とて、説明します。
記事を書き始めている人でも、全然問題ないと思いますが。

やり方

Hugoのドキュメントを探したのですが、記述方法については見つからず…
一次情報ではありませんが、記事ファイルを開いて、追加するだけでOKです。

$ vim content/posts/my-first-post.md

---
title: "My First Post"
date: 2019-09-11T11:13:32+09:00
draft: true
tags: ["test", "test2"] 
---
てすと

tags: ["test", "test2"]のように、配列で定義してあげるだけです。
一つの場合も配列で、ない場合は空配列でOKのようです。
tags: []こんな感じで。

また、下記のような書き方でもOKです。

tags: 
  - "test"
  - "test2"

確認してみる

その後、ビルトインサーバーを立ち上げて、確認してみます。

hugo server -D

その後、http://localhost:1313/posts/my-first-post/ を見てみると…

タグが表示されているのがわかります。
（表示はテーマによって変わると思います。）
クリックすると、そのタグがついか記事の一覧も表示されます。

最後に

テーマによって見た目も表示方法も変わってくると思います。
適切に表示してくれるものを選ぶか、カスタマイズする必要が出てくるかもしれません。

以上、タグの付与のやり方でした。