最近把放下了近大半年的Hexo博客重新拾起来了,写篇文章记录一下。至于当初为什么会放下,其中一个原因是用户体验太差,还需要手动创建移动md文件,仿佛回到了原始社会。其实最重要的原因是自己太懒。最近重新拾起来Hexo博客的原因也挺简单,大脑是用来思考事物的而不是记录事物的,得有一个地方记录平时一些琐碎的想法,公众号和技术博客显然不是太合适。但是一想起Hexo那原始的操作,就有点头大。在网上搜了搜发现还真有一款管理插件Hexo Admin,能以网页的方式管理Hexo博客。看来这个世界还真是由懒人改变的。
关于Hexo安装使用教程,网上一搜一大把,就不再赘述,我主要记录解决我需求的过程。我的使用场景是家里一台电脑,单位一台工作电脑,需求如下:
- 这两台电脑同时安装Hexo环境并且做到可以同步工作。比如在单位记录的内容可以回家接着记录。
- 通过浏览器直接管理本地的md文件
- 一键发布,不用手动执行hexo命令
下面是解决过程:
1.安装Node.js环境
2.安装Git
3.安装Hexo
在自己认为合适的地方创建一个文件夹,然后在文件夹空白处按住 Shift
鼠标右键,然后点击在此处打开命令行窗口
npm install hexo-cli -g npm install hexo --save
4.初始化Hexo
hexo init
使用npm安装你需要的组件
npm install
5.启动Hexo
hexo s
在浏览器访问 localhost://4000
,正常情况下就可以访问你的博客了。你也可以根据自己的需要更换主题,这里不再赘述。
如果此处 localhost://4000
无法访问,可能是你机器的4000端口被其他应用占用,可以使用
hexo s -p <其他端口>
指定端口启动Hexo服务进行尝试。
6.托管博客到Coding Pages
具体操作可以参考这篇文章 写给朋友的Hexo建站指南,含Coding Pages、域名解析、日常使用 (原文链接)
主角终于要登场了
7.安装Hexo Admin
npm install --save hexo-admin
使用 hexo s
重新启动Hexo服务,然后访问 localhost:4000/admin
(这里使用默认端口),便可以使用浏览器管理我们的Hexo博客文件。
8.一键发布
发布就是将本地文件生成静态网页推送到Coding Pages,然后就可以外网进行访问。
发布一般使用命令 hexo g
生成静态文件,使用 hexo d
推送远端。
借助Hexo Admin可以实现一键发布博客,不用再继续在命令窗口中敲命令了。
在windows平台使用批处理文件实现,在Hexo主目录下创建一个hexo-deploy批处理文件(.bat),内容是 hexo g&&hexo d
;然后在_config.yml文件增加节点:
admin: deployCommand: 'hexo-deploy.bat'
重启服务,浏览器访问 localhost:4000/admin
,进入Deploy模块点击Deploy按钮进行发布。
9.多端同步
可以使用任意一款云产品,这里我使用的是坚果云。同步主目录下的source文件夹即可。当然也可以使用Git。
10.Hexo后台运行
Hexo有一个缺点,命令窗口关闭,进程也就结束了,无法在后台运行。可以借助pm2监控Hexo进程实现后台运行。
安装pm2:
npm install -g pm2
在Hexo主目录下创建hexo-run.js文件:
const{ exec } = require('child_process')
exec('hexo server',(error, stdout, stderr) => {
-
if(error){
-
return
}
})
pm2 start hexo-run.js #开启后台运行 pm2 stop hexo-run.js #结束后台运行
自动化一切!自动化一切!自动化一切!
-----END-----