Netlify CMS からhugo記事のtag付けをできるようにする

やりたいこと

/img/スクリーンショット-2022-05-15-002054.png

画像のようにNetlify CMSからhugoで作成される記事のタグ付けをできるようにしたい。

最初からしていた設定

Hugoでタグやカテゴリーはどう扱うの? こちらの記事を参考にconfig.tomlファイルに

[taxonomies]
  tag = "tags"
  category = "categories"

という設定を加えていて、LoveIt というテーマを使用している。

やり方

/static/admin/config.yml

のfieldsに

    fields:
      - { label: 'Title', name: 'title', widget: 'string' }
      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
      - { label: 'Tag', name: 'tags', widget: 'list',}
      - { label: 'Category', name: 'categories', widget: 'list'}
      - { label: 'Description', name: 'description', widget: 'string' }
      - { label: 'Body', name: 'body', widget: 'markdown' }

こんな感じでtagとcategoryを追加して上げればいいみたい。

参考にしたよ

netlifycms configutation option

How to add array field to collections in Hugo

余談

本当は最初widgetのところをstringにしてうまく行ってなかったんだ。果たしてlistにしたらうまくいってるっぽい?widgetは特にカスタマイズできるっぽい?面白そうなのでまた今度調べてみたい。

英語読みたくないよぉ・・・ hugoもだけど、netlifyとかもたくさんいじれるところがあって、しかも英語も読まないとだからいくら時間があっても足りない・・・