用 Hexo 和 GitHub Pages(或 Gitee 等)配置好博客后,写作上传的过程并不优雅。终端操作 Hexo 的生成和上传需要的时间是玄学的,由于没有即时地图形化反馈,上传失败的情况也时有发生。更重要的是,文件管理、写作和上传需要在不同的程序中进行,用户需要在终端中hexo n一个新文件,在编辑器中书写,最后又在终端中hexo g -d生成上传。

将各个过程一体化并且有图形界面的 Gridea 并不成熟,客户端使用体验较差。相较而言,下文将要介绍的 VScode + GitHub Desktop 不仅给 Hexo 赋予了「图形化的界面」,也保留了终端操作的迅捷优势。

VScode:文档管理,写作和生成

VScode 是一款免费且强大的代码编辑器,它提供了「工作区」和「自定义任务」的功能。利用这两个功能以及 VScode 插件对 Markdown 的良好支持,就能在一个界面中将 Hexo 目录管理得仅仅有条。

我们用 VScode 打开 Hexo 目录,然后在⚙文件选项中选择存储为工作区。以后只需要点击进入工作区就能直接进入该目录。默认情况下,可以在 VScode 的 posts 📂右键直接添加新的文章。在右侧点击想要编辑的 Markdown 文件,在软件中即可直接编辑。VScode 支持 Markdown 编辑和预览,如果需要,我们还可以安装 picgo markdown-plus 等插件使用图床和快捷键功能。

写作完成后,一般需要在终端中进行的生成也能够在 VScode 中进行。在 VScode 中调出终端,直接输入hexo g

GitHub Desktop:上传

许多人习惯直接使用hexo d -g同时进行生成上传操作,deploy 除了需要额外获取 token,写好配置外,还会导致文章的修改变得繁琐。因为 deploy 的时间远远高于生成,因此,每一次临时起意地修改都要等待漫长的上传过程。而使用 GitHub Desktop 可以完美地避免这一点。

下载登录 GitHub Desktop 后,将博客库同步到本地,在本地的文件修改会被同步到云。当然,为了让 VScode 和 GitHub Desktop 无缝衔接。需要使用 VSCode 的「自定义任务功能」。在 VSCode 的⚙终端 —— 配置任务中,写入如下命令:

hexo g ; rm 本地库/* -Recurse ; cp ./public/* 本地库 -Recurse

下次只需要运行此任务,再打开 GitHub Desktop 即可将修改同步到 GitHub 中。