【学习笔记】hexo-admin：Hexo 后台管理工具

在上篇 【学习笔记】如何使用 Hexo + GitHub Pages 架设个人博客 中，学会如何打造个人博客后，接下来要介绍如何通过 hexo-admin 这个插件，在后台管理博客文章。

为什么需要 hexo-admin？

在上篇文章介绍到，要在博客发布文章，必须通过 CLI 界面使用：

hexo new

指令新增文章，再利用：

hexo g -d

生成并部署。

通过 hexo-admin 这套插件，我们就能用 GUI 界面进行后台管理，例如：

编辑已有的 Markdown 文件

新增文章或页面

发布草稿

提供预览功能

在操作上大大简化了发布文章的流程。

安装插件
详细可参考官方说明：jaredly/hexo-admin

首先进入本地存放 Hexo 项目的文件夹，在终端输入安装指令：

$ npm install --save hexo-admin

进入 hexo-admin 后台
安装完成后，就可以进入后台管理，步骤如下：

启动本地服务器

$ hexo server -d

$ hexo s
看到下方提示就代表运行成功：

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

预览网站与后台
前台预览：
http://localhost:4000

在 Posts 可看到文章列表：

（此处可插入文章列表截图）

在 Pages 可编辑其他页面：

（此处可插入页面编辑截图）

新增文章 Publish
点击左上角的 New Post，输入文章的网址名称，然后打勾或按 Enter：

（此处可插入新建文章界面截图）

就会进入编辑页面：

标题栏：编辑文章标题

标题下方：显示文章网址

左侧区域：Markdown 内容编辑区

右侧区域：实时预览文章

编辑完成后，可点击 Publish 左侧的设置，修改：

发布时间

标签（tags）

分类（categories）

确认都没问题后，即可点击 Publish 发布文章。

回到 http://localhost:4000 即可看到刚才新增的文章。

补充：Read more 功能
在编辑模式中，可以看到：

markdown
复制代码

这行代码代表“摘要分隔线”，这行以下的内容会自动被隐藏，
前台会显示一个“阅读全文（Read more）”的链接，点击文章后才能看到全文。

部署到 GitHub
确认文章都没问题之后，就可以准备部署到 GitHub 上。

步骤如下：
在终端按 Ctrl + C，停止本地服务器。

输入以下三个指令进行部署：

bash
复制代码
$ hexo clean # 清除之前生成的静态文件
$ hexo generate # 生成新的静态文件
$ hexo deploy # 部署到 Github Pages
也可以简写为：

bash
复制代码
$ hexo cl
$ hexo g
$ hexo d
这样就成功通过 hexo-admin 管理后台文章啦！

心得记录
其实上次在搬运笔记时，就已经用过 hexo-admin 这套工具，
但没想到过一段时间后，还是会忘记操作方式，
于是干脆写成一篇文章，以后也能回来看。

金鱼脑如我，果然还是不能没有学习笔记 XD

参考文章
[教学] 我的第一篇 Hexo 文章：使用 hexo-admin 后台管理工具