更换博客为 Hexo

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

关于 VPS 服务器

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

安装 nodejs

使用 nvm 安装(以下两个命令任选一个执行):

curl:

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

wget:

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

执行完成后,重启终端执行下列命令:

1
nvm install stable

安装 git

1
sudo apt install git

基本设置:

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

安装 Hexo

1
sudo npm install -g hexo-cli
  • hexo 基本操作:
1
2
3
4
5
6
# 建立一个站点文件夹
hexo init <folder>
# 进入文件夹
cd <folder>
# 安装依赖,该命令在不同端同步时有用,会自动安装 package.json 中列出的 package
npm install

一个网站对应一个 folder。

  • 新建一篇文章:
1
hexo new <title> # 新建文章是 markdown 文件,在 source/_post 目录下
  • 启动本地服务器:
1
2
3
hexo server # 简写 hexo s
# 这个命令会在本地启动服务器,访问地址是 localhost:4000,主要是在正式发布前预览或者调试用。
# 注意:修改站点配置文件 _config.yml 后需要重启该服务器才有效
  • 生成静态文件:
1
2
hexo generate # 简写 hexo g
# 由各种md文件和资源生成可部署的静态 html 页面,生成的资源都放在新生成的 public 目录下
  • 部署到服务器:
1
2
hexo deploy # 简写 hexo d
# 本文利用 git 直接部署到VSP服务器,这一块下面会详细讲。

VPS 服务器端配置

假定已经配置好了 lnmp 环境,如果没有的话可以参考:VPS 搭建 LNMP 环境和 WordPress 个人博客

服务器端需要做的是:

创建新用户,用于配置 git

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

安装配置 git

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

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

安装 git 搭建 git 仓库:

  • 安装 git
1
sudo yum install -y git
  • 创建 git 仓库
1
2
3
4
cd ~
mkdir hexo.git
cd hexo.git
git init --bare # 创建裸仓库
  • 配置 git 仓库的 hooks 用于同步网站
1
2
3
cd ~/hexo.git/hooks
touch post-receive
chmod 755 post-receive
  • 添加以下内容:
1
2
3
4
5
6
7
8
#!/bin/bash
GIT_REPO=/home/git/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 部署模块
1
npm install hexo-deployer-git --save
  • 修改站点配置文件 _config.yml
1
2
3
4
5
6
7
8
9
# URL
url: https://xlui.me
root: /
# deploy
deploy:
type: git
repo: ssh://git@xlui.me:PORT/home/git/hexo.git
branch: master
# 因为我用的不是默认端口,所以在写 repo 的时候有所不同
  • 部署验证
1
2
3
4
hexo clean
hexo g
hexo d
# 一键生成部署 hexo g -d

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

博客主题

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

  • 下载主题
1
2
cd ~/xlui.me/ # 切换到博客目录
git clone https://github.com/iissnan/hexo-theme-next themes/next # 下载主题
  • 安装主题
1
2
3
4
5
vim _config.yml
> theme: next
# 安装完成后测试:
hexo s --debug
# 打开 localhost:4000 查看
  • 切换主题模版
1
2
3
4
5
6
vim ~/xlui.me/themes/next/_config.yml
> scheme: Pisces
vim ~/xlui.me/_config.yml
> language: zh-Hans
# 6.0 以后,如果要设置语言为中文,需要这样设置:
> language: zh-CN
  • 部署到服务器
1
2
hexo clean
hexo g -d

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

参考链接

-------------本文结束感谢阅读-------------
  • 本文标题:更换博客为 Hexo
  • 本文作者:xlui
  • 发布时间:2017年07月20日 - 18:07
  • 最后更新:2018年07月29日 - 19:07
  • 本文链接: https://xlui.me/t/change-to-hexo/
  • 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-ND 4.0 许可协议。转载请注明出处!