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

2022年5月14日

カテゴリ: 2022 技術

タグ: Hugo Netlify

やりたいこと

tag field in cms ui

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

最初からしていた設定

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

    text
    
1
2
3

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

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

やり方

/static/admin/config.yml

のfieldsに

    text
    
  


1
2
3
4
5
6
7


    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' }