
Hexo作为一款简洁好用的博客框架,受到了众多人喜爱。特别是其多元丰富的主题,为大家提供了不同风格的多元选择。
通常大家的玩法是这样的:选一款好看的主题,搭配Github Pages,可以实现本地撰写博客,推送至远程仓库,再由Hexo从远程框架生成博客页面。
于是不免的,存在以下弊端:
- 不能自动部署,某一天在别的电脑逛自己博客发现一处错别字,而你此时又没有
hexo + node.js + git
等完整的开发环境,换句话说及时安装了相应环境,后续的分支问题也是相当难受。 - 没有后台管理,想彻底摆脱
hexo d
命令,只能在Github上操作。
本文将演示使用Hexo + Github Action自动部署 + Qexo后台管理
的方式完成一个静态博客完全体。
初步搭建Hexo博客,并部署
首先你需要有一个Hexo博客,此类文章相当多,具体劳请网上冲浪。这里推荐一个网站Easy Hexo,里面有详细的Hexo博客搭建教程,包括部署到Github Pages,非常的详细。
主题的话,挑一个自己喜欢的即可,这里用的是Keep主题,支持npm一行安装,也是相当的方便。
有域名的话,也可以按教程把域名解析配置一下。
自动化部署
自动化部署好处多多,有了自动化部署相当于,每次对博客内容更改之后,将不再需要hexo d
去部署你的博客了,并且可以同时自动部署多个服务器上,例如:GitHub Pages、Gitee pages、七牛云、阿里云、腾讯云等等。
按教程一项一项往下走即可
如何使用 GitHub Actions 自动部署 Hexo 博客
这里总结一下原理:
- 公有仓库即你博客的源码,对应github.io的源代码文件
- 私有仓库即hexo文件夹,即你主机上安装hexo初始化时的文件夹,这里只是相当于将其放在远程服务器上,依托Github Action强大的功能,监视此存在服务器上的文件夹,有文章更新时,脚本帮你完成部署操作至公有仓库
后台管理
完成自动化部署后,我们更新博客已经相当方便了。要是有后台管理功能的话,我们的博客就更像是一个动态博客了,想写或是修改文章时直接在后台操作,不用在本地用git push
。
Qexo可以很好的帮我们完成此任务,其界面布局也是非常漂亮。
这里我采用的是Vercel 部署配合 MongoDB数据库一键部署,跟着教程一步步完成,只是注册账户繁琐需要些时间。
完成后按提示填写Github Token之后就可以,使用Qexo对后台进行管理了。
评论功能
这里评论使用的是waline,与Keep主题兼容,同时也支持vercel一键部署,可以和我们的后台项目一同管理。
**配置教程参考官方教程 **Waline 官方配置教程,获取 server_url
服务端地址,并填入主题配置项中。
这里要注意LeanCloud数据库如果连续超过30天没有发生api请求,你的应用将会被归档,需要重新激活。
域名解析
后台管理和评论管理的源代码都在vercel托管,我们访问时需要app访问,blog-comments-fxxxxxq-beyond24.vercel.app
,不够优雅。
我们可以同时为它们设置域名解析。
假设你的博客域名是domin.com,后台和评论都可以设置三级域名解析如下:
完成之后,我们就可以通过domin.com
访问博客;admin.domin.com
管理后台;comments.domin.com
管理评论了!
发表新文章时也可以直接进入后台发表了,尽显优雅!