如何高效优雅的使用 Hexo

一键部署

以前我每次部署博客时都需要先在命令行切换到博客根目录,然后依次执行hexo shexo ghexo d才能实现清除缓存、生成静态文件、部署博客的操作,后来了解到还可以使用一键三连:

1
hexo cl&&hexo g&&hexo d

Hexo指令三件套虽然可以直接完成整套操作,但每次更新还得手动输入,如果更新频繁的话未免还是会觉得有些麻烦,再后来又了解到可以通过编写脚本来简化操作。

实现方法:

在博客根目录新建deploy.batdeploy.sh文件,编写如下代码:

1
2
@echo off
hexo cl&&hexo g&&hexo d

@echo off表示不显示后续命令行及当前命令行。

为了方便,我还在桌面创建了它的快捷方式:

每次更新完博客只需要双击运行该脚本就可以了,部署完成后命令行会自动关闭。

一键自动部署

通过Github Action不但可以实现自动部署,另外还可以起到备份博客的作用。

自动部署

具体的操作流程可以看下这篇文章,人家已经讲的很清楚了,我就不过多赘述了。

另外,我们同样可以通过上面一键部署的方式来进行一键push的操作:

1
2
3
4
@echo off
git add .
git commit -m 'auto deploy blog'
git push origin master

备份博客

如果你的电脑坏了或者电脑上的博客文件不小心被删掉了,那么你可以通过下面任意一种方式提前备份好你的博客,以后就可以直接在你的新电脑上恢复你的博客啦~

指令四件套方式:

当然,如果你是通过指令三件套的方式部署的博客也是可以备份的,但前提是你需要安装并配置hexo-git-backup插件,而且之后每次部署备份都需要运行指令四件套:

1
hexo cl&&hexo g&&hexo d&&hexo b

同样也可以通过上面一键部署的方式来简化操作。

自动部署方式:

如果你是通过Github Action实现的自动部署而非指令三件套,那么你就直接把博客源码的私有仓库克隆到本地就可以了。

无论你是使用的上面哪种方式,都需要使用npm install命令来恢复备份的package.json文件中安装的Hexo插件。

Hexo博客管理器

不知道大家有没有这样的困扰,每次在VSCode写文章的时候,尽管你的Markdown语法已经用的炉火纯青了,但还是觉得怪怪的,总感觉自己并不像是在写文章,而是在写某个应用程序……

hexo-admin

这是一款Hexo管理员插件,它的优点是配置简单,操作方便,你只需要一条安装命令即可使用它:

1
npm install --save hexo-admin

安装完成后,在浏览器地址栏输入http://localhost:4000/admin/即可打开如下界面:

可以看到它的UI界面非常的简陋,我们试着点击一篇文章的编辑按钮:

然后随便改点什么,可以发现本地的内容也一同被更改了,所以能够看出这只是一个简单的本地编辑器。

Qexo

相比于hexo-admin,Qexo不但界面美观,而且还支持在线编辑博客文章,详细配置请查看Qexo文档


如何高效优雅的使用 Hexo
https://blog.xukaiyyds.cn/posts/412a74a6/
作者
xukaiyyds
发布于
2024年5月26日
许可协议