一般地,Hexo发布文章基本流程如下:安装Node.js以及Git—>使用NPM/Yarn全局安装Hexo—>初始化一个博客文件夹—>安装主题/插件—>安装依赖—>新建一篇文章—>使用Markdown在文章里面写入内容—>启动本地预览/调试/修改—>生成静态文件—>推送静态文件到远程仓库(如:Github)

简言之,远程仓库(如:Github)存储的只是我们本地Node.js渲染Markdown文件的静态网页文件,本地的Hexo博客源文件才是博客全部内容的“金钥匙”,鄙人并不推荐在公开的仓库新建分支来存储Hexo博客本地源文件——>本地博客源文件既然是生成博客静态文件的“金钥匙”,而在公开仓库里意味着所有可以访问的人都能复制、镜像、无需任何成本就能窃取你的作品,这对一些原创博客可能会是难以承受的伤害。但若是您并不在意这种事的发生,采用这种方法备份源文件也不失为一种方便有效的手段🎈

下面开始进入正文🎃

备份源文件

进入本地Hexo文件夹,一般目录结构如下:

目录结构的功能大致如上图描述,其中红色框的文件是必须要备份的文件,其他的文件是非必需备份的文件,备份博客的源文件即备份红色框的重要文件!

除此外还建议备份本地ssh公钥等信息,在更换系统/电脑后复制到用户文件夹,这样就无需下次重新生成本地.ssh公钥再去Github或者VPS上添加了

恢复写作环境

首先在新的系统/电脑上安装好Git和Node.js(如果用Yarn安装Hexo的话也要安装好Yarn)

1
2
3
4
5
6
7
8
9
10
11
12
# 查看Git、Node.js、NPM/Yarn版本
$ git --version
$ node -v
$ NPM -v
$ yarn --version
# 全局安装Hexo
# 对于NPM
$ npm install -g hexo-cli
# 对于Yarn
$ yarn global add hexo-cli
# 初始化一个名为hexo的博客文件夹
$ hexo init hexo

此时,新安装/初始化的博客文件夹如下:

1
2
3
4
5
6
7
8
.
├── _config.yml # Hexo的全局配置文件,在此配置网站的主要参数
├── package.json # npm软件包以及版本信息
├── scaffolds # 模版文件夹
├── source # 资源文件夹
| ├── _drafts # 草稿/模板文件
| └── _posts # 文章(每篇文章使用markdown格式写好保存在这里)
└── themes # 主题文件夹

删除其中的scaffoldssourcethemes文件夹和_config.ymlpackage.json文件,把之前备份的这些文件复制到Hexo文件夹,把.ssh文件复制到系统盘(如:C盘)的用户名文件夹下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# cd到Hexo文件夹内
# 安装依赖
$ npm install
# 如果使用Yarn安装
$ yarn install
# 或者
$ yarn
# 依赖安装完成后,启动本地预览
$ hexo s
# 在浏览器打开本地预览 http://localhost:4000 测试
# 没问题的话 Ctrl + C 结束预览
# 生成静态文件并推送到远程仓库
$ hexo g -d
# 在推送远程仓库无需每次都输入账号密码
$ git config --global credential.helper store

Hexo常用命令

1
2
3
4
5
6
7
8
$ hexo clean #清除生成的博客静态文件
$ hexo g #生成博客静态文件=命令hexo generate
$ hexo s #启动博客的本地预览=命令hexo server
$ hexo d #推送博客到远程仓库=命令hexo deploy
$ hexo new page xxx #新建名为"xxx"的页面
$ hexo new xxx #新建名为"xxx"的文章
$ hexo d -g #生成静态博客并推送到Git远程仓库
$ hexo s -g #生成静态博客并启动本地预览

关于Hexo搭建——参见Hexo+Github 搭建博客详细笔记