[经验] 借助Netlify CMS给你的Hexo站点加上一个管理后台

Git
Node
上述两个软件安装好后，执行

npm install -g hexo-cli
创建项目文件夹路径

hexo init /PATH/TO/hexo
切换至刚刚创建的文件夹：

cd /PATH/TO/hexo
在 node_modules 目录下创建 admin 文件夹。

新建 config.yml

backend:
  name: git-gateway
  branch: master
media_folder: source/images
publish_mode: editorial_workflow
locale: "zh_Hans"
public_folder: /images
collections:
  – name: all_posts
    fields:
      – label: Title
        name: title
        widget: string
      – label: Publish Date
        name: date
        widget: datetime
        dateFormat: YYYY-MM-DD
        timeFormat: ‘HH:mm:ss’
        format: ‘YYYY-MM-DD HH:mm:ss’
        required: false
      – label: Tags
        name: tags
        widget: list
        required: false
      – label: Categories
        name: categories
        widget: list
        required: false
      – label: Body
        name: body
        widget: markdown
        required: false
      – label: Permalink
        name: permalink
        widget: string
        required: false
      – label: Comments
        name: comments
        widget: boolean
        default: true
        required: false
    label: Post
    folder: source/_posts
    create: true
    editor:
      preview: true
  – label: Page
    name: pages
    delete: false
    files: []
再新建 index.html

创建Github仓库（名称随意），右键 Git Bash 设置本地仓库

git init
git remote add origin [email protected]:your_name/your_name.github.io.git
git add .
git commit -m "First Setup"
git push origin master:master
提醒 请确保上传的文件中不包含
.DS_Store
Thumbs.db
db.json
*.log
public/
.deploy*/
已经部署至Github Page?
由于2020年的时候 Github 现已经把默认分支 master 改成了 main  , 所以接下来点击仓库上的 Setting 选项，设置默认分支为你需要部署到 Netlify 的分支（这里以 master 为例子）

Netlify设置

然后收到一封邮件，根据其中的链接提示完成注册

至此完成配置

嫌太麻烦？点击此仓库【https://github.com/leicancun/hexo-blog-netlify】一键体验（感谢这位大佬）

参考或引用：

简书：Hexo Netlify CMS

博客写作攻略–Hexo+Github+Netlify+CMS

给你的 Hexo 博客添加 CMS

为 Hexo 博客集成 Netlify CMS

Hexo+Netlify快速搭建个人博客