在上半部分中,我们历经千辛万苦,终于把本地电脑上写好的文章通过 hexo d 成功部署到了 GitHub Pages 上,让全网都能看到我们的博客。

但此时,我们面临着一个极其隐蔽且致命的安全隐患:hexo d 仅仅是把你写好的 .md 文件转换成了 .html 网页代码传了上去。如果你此时电脑突然罢工、硬盘损坏,或者你不小心删除了本地的 blog 文件夹——你的所有文章草稿、精心配置的主题、各种插件设置,将全部灰飞烟灭!

为了防止这种人间惨剧的发生,我们需要重构博客的备份工作流:引入**“双分支策略”**,并搭配 VS Code 中超好用的 Git Emoji Commit 插件,实现极其优雅的日常备份。


📍 阶段五:Hexo 的“双分支”备份哲学

业界标准的 Hexo 托管策略是将其存放在同一个 GitHub 仓库的两个独立分支中:

main 分支(对外发布):只存放 Hexo 渲染出来的静态网页(html/css/js),由 hexo d 命令全自动管理。

source 分支(内部备份):存放最宝贵的“博客源文件”(你敲字用的 .md 文件、_config.yml 配置、themes 主题包等),由我们手动用 Git 备份。

理清了思路,我们马上开始动手实操!


📍 阶段六:实战!使用 Emoji 插件优雅地备份源文件

在这一步之前,我已经在 VS Code 扩展商店里安装了一款名为 Git Emoji Commit 中文版 的优秀插件。它可以让我们的备份记录看起来既专业又赏心悦目。

  1. 初始化源文件仓库并绑定分支
    在博客最外层根目录(blog 文件夹)下打开终端,依次输入以下命令:
1
2
3
4
5
6
7
8
# 1. 告诉 Git 监控当前所有的源文件
git init

# 2. 将默认的本地分支改名为 source(为了避开网页所在的 main 分支)
git branch -M source

# 3. 关联我们远端的 GitHub 仓库
git remote add origin https://github.com/[用户名]/[仓库名].git

2.拥抱全图形化 Emoji 提交

配置好底层关联后,以后每次写完文章,备份操作完全不需要再敲代码:

1.暂存更改:点击 VS Code 左侧边栏的 “源代码管理” 图标(带有分支的小图标)。将鼠标悬停在“更改”列表旁,点击 + 号,把所有变动的源文件移动到“暂存的更改”中。

2.呼出表情菜单:点击输入框上方弹出的 笑脸图标 😃(或按快捷键 Ctrl+Shift+P 搜 emoji)。

3.挑选表情:插件会列出丰富且带中文解释的图标。作为第一次全量备份,我选择了 🎉 (初次提交)。

4.填写信息并提交:在表情后补充文字,如 🎉 初始化:首次备份博客源文件,然后点击蓝色的 “提交” 按钮。

5.推送到云端:回到终端,执行最后一次手动推送(以后只需点 VS Code 上的“同步更改”按钮即可):

1
git push -u origin source

看着终端里跑完进度条,显示 * [new branch] source -> source,这意味着我的几百个源文件终于安稳地躺在云端了!满满的安全感!


📍 阶段七:终极指南 —— 换新电脑后如何无缝恢复博客?

既然源码已经在云端了,那如果我们换了新电脑,或者想在公司和家里同时写博客,该怎么做呢?这里有一套标准的“无缝接班”流程。

(强推各位 Hexo 玩家将本段收藏,未来换电脑时直接照抄!)

Step 1: 准备新电脑的“基础设施”
在新电脑上,你需要提前安装好博客的运行环境:

  1. Node.js (Hexo 的运行引擎,去官网下长期支持版)
  2. Git (版本控制工具)
  3. VS Code (宇宙最强编辑器)

Step 2: 拉取源文件(⚠️ 最容易翻车的一步)
千万不要直接去网页上点 Download ZIP,也别直接无脑 git clone! 因为默认 clone 下来的是只包含网页代码的 main 分支。
我们需要精准制导,只拉取 source 分支:

  1. 在新电脑新建一个空文件夹(如 MyBlog)。

  2. 在这个文件夹里打开终端,执行:

1
git clone -b source https://github.com/[用户名]/[仓库名].git

Step 3: 重新唤醒 Hexo
你会发现下载下来的文件里少了很多东西(比如 node_modules 文件夹),这是因为 Git 帮我们忽略了那些沉重的依赖包。没关系,我们让系统重新下载它们:

在克隆下来的项目目录中打开终端,依次执行:

1
2
3
4
5
# 1. 全局安装 Hexo 核心控制台
npm install -g hexo-cli

# 2. 根据 package.json 自动把所有缺失的插件下载回来
npm install

搞定!到这一步,你的博客就已经在新电脑上满血复活了!


🎉 总结:一套完美且无痛的日常工作流

经历了这几天的心跳大挑战,我终于把 Hexo 博客调校到了最完美的状态。为了防止以后自己大脑短路,特意总结了这套“日常三步曲”口诀:

👉 场景 A:文章写完了,我要发布到网上给大家看!
完全无视左侧的 Git 图标,直接在终端敲:

1
2
3
hexo clean
hexo g
hexo d

👉 场景 B:今天写累了草稿还没完,或者我刚改了主题配置,我要备份!
完全无视终端,直接走图形化界面:

  1. 左侧点 + 暂存。
  2. 用 Emoji 插件选个萌萌的表情 📝,写上 📝 记录:折腾了一下字体,然后提交。
  3. 点击“同步更改(推送)”。

至此,我的 Hexo 部署与备份除虫之旅圆满收官。折腾博客的过程虽然充满坎坷,但当你看到那个带有小红心 ❤️ 或者小火箭 🚀 的 Commit 记录安静地待在 GitHub 上,当你在新电脑上敲两行命令就能瞬间回到熟悉的写作环境时,你会发现——所有的折腾,都是值得的。


(全文完)