更换博客为 Hexo

本来是在 VPS 上搭建好了 WordPress 博客，但是由于 WP 的臃肿觉得些受不了，于是寻思着换一个简约的博客。对比了 FarBox 、gitblog 和 Hexo，最终选择了 Hexo 作为博客。

关于 VPS 服务器

我选择的是 DigitalOcean $5 的套餐，操作系统是 Centos7。用这个链接注册的话会送你 $10 的优惠券。

安装 nodejs

使用 nvm 安装（以下两个命令任选一个执行）：

curl:

curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | sh

wget:

wget -qO- https://raw.githubusercontent.com/creationix/nvm/master/install.sh | sh

执行完成后，重启终端执行下列命令：

nvm install stable

安装 git

sudo apt install git

基本设置：

git config --global user.name "xlui"
git config --global user.email "i@xlui.me"

安装 Hexo

sudo npm install -g hexo-cli

• hexo 基本操作：

# 建立一个站点文件夹
hexo init <folder>
# 进入文件夹
cd <folder>
# 安装依赖，该命令在不同端同步时有用，会自动安装 package.json 中列出的 package
npm install

一个网站对应一个 folder。

• 新建一篇文章：

hexo new <title> # 新建文章是 markdown 文件，在 source/_post 目录下

• 启动本地服务器：

hexo server # 简写 hexo s
# 这个命令会在本地启动服务器，访问地址是 localhost:4000，主要是在正式发布前预览或者调试用。
# 注意：修改站点配置文件 _config.yml 后需要重启该服务器才有效

• 生成静态文件：

hexo generate # 简写 hexo g
# 由各种md文件和资源生成可部署的静态 html 页面，生成的资源都放在新生成的 public 目录下

• 部署到服务器：

hexo deploy # 简写 hexo d
# 本文利用 git 直接部署到VSP服务器，这一块下面会详细讲。

VPS 服务器端配置

假定已经配置好了 lnmp 环境，如果没有的话可以参考：。

服务器端需要做的是：

创建新用户，用于配置 git

配置 ssh 免密登录，否则部署时可能会需要输入密码，麻烦。

安装配置 git

第一步不会的话可以自己百度。

第二步参考：SSH 公钥验证远程登录

安装 git 搭建 git 仓库：

• 安装 git

sudo yum install -y git

• 创建 git 仓库

cd ~
mkdir hexo.git
cd hexo.git
git init --bare   # 创建裸仓库

• 配置 git 仓库的 hooks 用于同步网站

cd ~/hexo.git/hooks
touch post-receive
chmod 755 post-receive

• 添加以下内容：

#!/bin/bash
GIT_REPO=/home/xlui/hexo.git
TMP_REPO_CLONE=/tmp/hexoblog
PUBLIC_WWW=/home/wwwroot/xlui.me
rm -rf ${TMP_REPO_CLONE}
git clone $GIT_REPO $TMP_REPO_CLONE
rm -rf ${PUBLIC_WWW}/*
cp -rf ${TMP_REPO_CLONE}/* ${PUBLIC_WWW}

用于本地 deploy 后服务器自动部署到网站目录下。

本地 deploy

• 安装 hexo git 部署模块

npm install hexo-deployer-git --save

• 修改站点配置文件 _config.yml

# URL
url: https://xlui.me
root: /
# deploy
deploy:
  type: git
  repo: ssh://xlui@xlui.me:PORT/home/xlui/hexo.git
  branch: master
# 因为我用的不是默认端口，所以在写 repo 的时候有所不同

• 部署验证

hexo clean
hexo g
hexo d
# 一键生成部署 hexo g -d

这样就把本地环境部署到远程VPS服务器上了。

博客主题

配置完博客后要做的第一件事当然是选一个漂亮的主题。Hexo有很多主题供我们选择，我使用了 next 主题。

• 下载主题

cd ~/xlui.me/ # 切换到博客目录
git clone https://github.com/iissnan/hexo-theme-next themes/next # 下载主题

• 安装主题

vim _config.yml
> theme: next
# 安装完成后测试：
hexo s --debug
# 打开 localhost:4000 查看

• 切换主题模版

vim ~/xlui.me/themes/next/_config.yml
> scheme: Pisces
vim ~/xlui.me/_config.yml
> language: zh-Hans
# 6.0 以后，如果要设置语言为中文，需要这样设置：
> language: zh-CN

• 部署到服务器

hexo clean
hexo g -d

关于博客个性化配置的更多内容参考：hexo的next主题个性化配置教程

参考链接

• VPS服务器搭建Hexo博客教程：https://www.hellolvs.com/hexo/
• GITHUB+HEXO博客轻松更换主题外观：http://www.jianshu.com/p/469e985288b3