2022 年 12 月 22 日，Netlify CMS 的编辑器还不支持 Pan-CJK（中日韩）文字编辑。

放弃了。

;w;

用 GitLab OAuth2 测试一下 Netlify CMS。不需要 Netlify 帐号就能工作。

配置 GitLab#

添加一个 OAuth2 应用到 GitLab 的个人资料。

  • 把回调 URL 设为 https://example.com/admin/.
  • 不勾选 Confidential.
  • 勾选 api 范围.

添加 Netlify CMS 文件到 Hugo#

新建文件。

1
2
3
4
5

$ tree static
static
└── admin
    ├── config.yml
    └── index.html

index.html

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Content Manager</title>
    <!-- Include the script that enables Netlify Identity on this page. -->
    <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
  </head>
  <body>
    <!-- Include the script that builds the page and powers Netlify CMS -->
    <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
  </body>
</html>

config.yml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

backend:
  name: gitlab
  repo: username/repo
  auth_type: pkce
  app_id: GITLAB_APPLICATION_ID
  branch: main # Branch to update (optional; defaults to master)
media_folder: static/img
public_folder: /img
collections:
  - name: 'posts'
    label: 'Post'
    folder: 'content/posts'
    create: true
    slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
    editor:
      preview: false
    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' }

部署#

把代码推送到 GitLab。用 Cloudflare 为网站提供服务。

访问 CMS#

https://example.com/admin