从WordPress迁移到Hexo

付费了5年之后,终于还是决定停掉阿里云虚机了,尽管这里只是一个没人访问的小站,但是经常性宕机真的不可接受。这次迁移干脆也抛弃臃肿的WordPress,考虑平时记录主要使用Markdown,所以选用了Hexo+Github Action自动生成静态页面,干净又卫生。

本地安装Hexo

环境准备

首先,需要安装node.js、npm和Git

  • Git可直接下载安装包进行安装。点击下载。安装后,需要下载xcode才可以。否则在使用中会遇到错误。这里我出现的问题是起初没有下载xcode,在后面初始化的时候,一直提示找不到Git,下载了xcode也不行,后来我打开了xcode,然后在关闭,就可以了。因为是小白,具体原因不明
  • 接下来安装node.js。打开终端,输入命令
1
npm install -g hexo-cli

这里遇到的问题是,提示没有权限,于是在上面的命令增加了sudo,如下:

1
sudo npm install -g hexo-cli
  • 然后安装node.js。我也是直接下载安装程序来进行安装的。点击下载
  • 安装完后,可输入以下命令进行检查,输入每个命令后,都会弹出相应版本号。
1
2
3
4
5
node -v

npm -v

Git --version

然后在进行安装hexo,输入以下命令即可,遇到的问题与安装node.js类似。所以直接加了sudo

1
sudo npm install -g hexo

博客初始化

首先创建一个文件夹,该文件夹用于存储博客的文件。然后通过终端,进入到该文件夹,命令如下:

1
cd youblogfiles

然后初始化本地博客,输入以下命令。初始化时,切记文件夹要空的才可以,否则会初始化失败。若失败了建议删除文件夹在重新创建。

1
hexo init

完成后在进行安装npm

1
sudo npm install

执行下述命令生成本地网页文件并开启服务器,然后通过http://localhost:4000 查看本地博客。

1
2
hexo g
hexo s

安装主题

这里选用了hexo-theme-next

If you’re using Hexo 5.0 or later, the simplest way to install is through npm:

1
2
$ cd hexo-site
$ npm install hexo-theme-next

Or you can clone the entire repository:

1
2
$ cd hexo-site
$ git clone https://github.com/next-theme/hexo-theme-next themes/next

See detailed installation instructions if you want any other variant.

After the installation, open Hexo config file and set theme variable to next.

1
theme: next

从WordPress迁移到Hexo

首先,安装 hexo-migrator-wordpress 插件。

1
$ npm install hexo-migrator-wordpress --save

在 WordPress 仪表盘中导出数据(“Tools” → “Export” → “WordPress”)(详情参考WP支持页面)。

插件安装完成后,执行下列命令来迁移所有文章。source 可以是 WordPress 导出的文件路径或网址。

1
$ hexo migrate wordpress <source>

Github Action 自动更新页面

Gihub Action搭建 Hexo的教程有很多。

原理是源码放在私有仓库,更新时通过Github Action自动生成静态化页面同步到 username.github.io页面。

这里不再赘述。

绑定域名

这里没什么难度,需要注意的一点是,在xx.github.io下设置cname会在更新内容是被清洗掉。

需要将CNAME文件放到源文件的source下,便可在更新时同步过来。