Netlify CMS workflow 設定
第二回
2021/08/12
こんにちは。雨が続く日々になりますが、元気に過ごしていきましょう!
今回は、Netlify CMSの設定方法について書いていきたいと思います。より、詳しく知りたい方は、こちらへhttps://www.netlifycms.org/
まず、どこに書くのか?Nuxtの場合
static/admin/config.yml
に書く
backend:
name: git-gateway
branch: main # Branch to update (optional; defaults to master)
media_folder: static/img
public_folder: /img
publish_mode: editorial_workflow
collections:
- name: 'blog'
label: 'Blog'
folder: 'content/blog'
format: 'frontmatter'
create: true
slug: '{{year}}{{month}}{{day}}{{minute}}{{second}}'
editor:
preview: true
fields:
- { label: 'Title', name: 'title', widget: 'string' }
- { label: 'Publish Date', name: 'date', widget: 'datetime' }
- { label: 'Description', name: 'description', widget: 'string' }
- { label: 'Body', name: 'body', widget: 'markdown' }
- name: 'tech'
label: 'Tech'
folder: 'content/tech'
format: 'frontmatter'
create: true
slug: '{{year}}{{month}}{{day}}{{minute}}{{second}}'
editor:
preview: true
fields:
- { label: 'Title', name: 'title', widget: 'string' }
- { label: 'Publish Date', name: 'date', widget: 'datetime' }
- { label: 'Description', name: 'description', widget: 'string' }
- { label: 'Body', name: 'body', widget: 'markdown' }
このように、Netlify CMSはconfig.ymlにバックエンドの設定をここ一つでできるメリットがある。
シンプルに、ブログサイトを構築できるのが良い点である。