hexo-admin，高效管理blog发布

2021-07-15

工欲善其事,必先利其器。以前弄hexo的blog发布，得要打一堆的命令，还要把blog的原型提交到github仓库，以作备份。后来找到了hexo-admin插件，用上之后，就会发现可以大大提高发布的效率，一键发布，安枕无忧，这就是技术的乐趣

安装hexo-admin

hexo-admin插件只能适用于hexo的blog，hexo是什么呢，简单来说就是静态网站生成器，根据markdown还有一些模板js代码，生成出静态的html的文件，而本人用的就是hexo生成器，所以默认使用的人已经安装hexo和npm

安装hexo-admin很简单，只是简单的命令

1	npm install hexo-admin --save

使用hexo-admin

使用的过程也很简单，先是启动hexo的后台进程，让它可以通过localhost:4000访问网站

hexo s

然后打开网址localhost:4000/admin，可以看到已经进入了基于hexo的blog管理后台，上面有Poststab，浏览和新建文章，Pagestab，新建页面，Deploytab可以一键发布

至此，我们可以在管理后台很轻松的写文章，然后进行发布，但是发布需要我们再手动配置一下

配置一键发布

我们希望自动发布达到的效果是，自动完成以下工作：

blog的本地仓库提交代码，push到远程的github仓库，以作备份
利用hexo的发布命令，hexo g，hexo d来生成静态网站，push到远程仓库

修改_config.yml

第一步需要修改本地的_config.yml文件，添加以下配置，意思就是管理后台的deploy会触发执行admin_script.sh脚本文件，这里配置的文件名和文件路径是自定义的

1
2
3

# hexo-admin配置
admin:
  deployCommand: './admin_script.sh'

编写自动发布脚本

自动发布的脚本内容也是自定义的，大家可以参考我编写的脚本内容

#!/usr/bin/env sh
git add .
git commit -m 'update'
git push origin master
hexo clean
hexo g -d

前三行是完成git仓库的本地提交，后两句就是hexo的发布，都比较容易理解，我就不一一解释了

hexo的发布配置

hexo的发布配置也是刚才的_config,yml文件，如下所示，我这里配了两个仓库地址，一个是境外的github，一个是国内的coding，目的就是可以利用域名解析，国外访问就解析到github，国内访问就解析到国内仓库，加快访问速度

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo:
    github: git@github.com:cloudsmiles/cloudsmiles.github.io.git
    coding: git@e.coding.net:cloudsmiles/cloudsmiles.git
    branch: master

最后一手

在管理后台，切换到Deploytab，点击Deploy按钮，就能把我们刚才的步骤都串联起来。It is easy to deploy now!

hexo-admin的运用，我相信会减少了我的很多重复操作，真正解放生产力到写blog当中，如果还有下一期的话，我会着重介绍hexo的优化，还有hexo嵌入视频，音乐。但可能关于blog的教程也会告一段落了，因为我本人不熟悉前端，也基本上玩不出什么花样了，能够提升一下效率我已经很满意了😁