51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

如何高效优雅的使用 Hexo

一键部署 {#一键部署}

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

|-----------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 | hljs bash hexo cl && hexo g && hexo d ` <div class="code-widget-light code-widget copy-btn" data-clipboard-snippet=""> <i class="iconfont icon-copy"> </i> BASH </div> </pre></td> </tr> ` |

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

实现方法:

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

|-------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 | hljs bash @ echo off hexo cl && hexo g && hexo d ` <div class="code-widget-light code-widget copy-btn" data-clipboard-snippet=""> <i class="iconfont icon-copy"> </i> BASH </div> </pre></td> </tr> ` |

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

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

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

一键自动部署 {#一键自动部署}

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

自动部署 {#自动部署}

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

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

|-----------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 | hljs bash @ echo off git add . git commit -m 'auto deploy blog' git push origin master ` <div class="code-widget-light code-widget copy-btn" data-clipboard-snippet=""> <i class="iconfont icon-copy"> </i> BASH </div> </pre></td> </tr> ` |

备份博客 {#备份博客}

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

指令四件套方式:

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

|-----------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 | hljs bash hexo cl && hexo g && hexo d && hexo b ` <div class="code-widget-light code-widget copy-btn" data-clipboard-snippet=""> <i class="iconfont icon-copy"> </i> BASH </div> </pre></td> </tr> ` |

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

自动部署方式:

如果你是通过 Github Action 实现的 自动部署 而非指令三件套,那么你就直接把博客源码的私有仓库克隆到本地就可以了。
无论你是使用的上面哪种方式,都需要使用 npm install 命令来恢复备份的 package.json 文件中安装的 Hexo 插件。

Hexo 博客管理器 {#Hexo-博客管理器}

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

hexo-admin {#hexo-admin}

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

|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 | hljs bash npm install --save hexo-admin ` <div class="code-widget-light code-widget copy-btn" data-clipboard-snippet=""> <i class="iconfont icon-copy"> </i> BASH </div> </pre></td> </tr> ` |

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

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

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

Qexo {#Qexo}

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

赞(2)
未经允许不得转载:工具盒子 » 如何高效优雅的使用 Hexo