Hexo博客多主题自动部署方案

本文主要介绍如何利用一份原始手稿，自动部署多个不同主题的Hexo博客空间。

实现的功能：

• Github保存Hexo博客原始内容
• 提交之后自动触发生成HTML内容，自动推送到Pages服务
• 每个Pages服务使用不同的主题，可实现不同的功能。

工具：

• 本地电脑需要有Git
• 注册Github, 'Gitee'账号
• 利用Github账号注册travis账号

代码托管网站使用Github和Gitee, 二者都提供Pages服务。自动构建工具选择travis, 它可以自动关联到Github中的仓库上。

我本地博客路径为hexoblog, Github仓库为hexoblog, 共有两个分支，hexo为主分支，托管博客源码, master为pages分支，托管博客生成的HTML文件。 Gitee的布局和Github一样，也有一个hexoblog仓库，两个分支。我在Github上部署主题为wikitten的博客，在Gitee上部署主题为next的博客。

要实现上述功能，只需要配置好几个配置文件就可以了。

在站点根目录新增.travis.yml文件，内容如下：

language: node_js # 编译语言、环境

sudo: required # 需要管理员权限

dist: trusty # 指定 CI 系统版本为 Ubuntu16.04 LTS

node_js: 
    - '8' #Node.js 版本

branches:
  only:
    - hexo # 只有hexo分支检出更改才触发CI

before_install: 
  - export TZ='Asia/Shanghai' #配置时区为东八区UTC+8
  - npm install hexo-cli > /dev/null # 安装 hexo
  - git config user.name $GIT_NAME
  - git config user.email $GIT_EMAIL
  - sed -i'' "s~xxx_gitee_xxx~${GITEE_TOKEN}~" _config.next.yml # 配置部署用到的TOKEN
  - sed -i'' "s~xxx_github_xxx~${GITHUB_TOKEN}~" _config.wikitten.yml
  #  - sudo apt-get install libpng16-dev # 安装 libpng16-dev CI编译出现相关报错时请取消注释

install:
  - npm install # 安装依赖

script: # 执行脚本，清除缓存，生成静态文件
  - hexo clean
  - hexo g -d --config _config.next.yml
  - hexo clean
  - hexo g -d --config _config.wikitten.yml

以上脚本是travis自动构建需要读取的脚本，里面使用的GIT_NAME, GIT_EMAIL, GITEE_TOKEN, GITHUB_TOKEN是环境变量，可以在travis的网站中配置具体的值，如果你不介意暴露这些信息，也可以直接写具体的值。

xxx_gitee_xxx 是占位符，sed -i'' "s~xxx_gitee_xxx~${GITEE_TOKEN}~" _config.next.yml的含义是替换_config.next.yml中的xxx_gitee_xxx为在travis网站中设置的环境变量GITEE_TOKEN, 这样可以避免自己的密码暴露在脚本中。Github 和 Gitee 生成 Token的方法可以参考官方文档。

hexo g -d --config _config.next.yml是使用_config.next.yml生成网站并部署，通过使用这样的命令，我们可以生成多个主题的网站。

复制站点配置文件重命名为_config.next.yml并修改如下配置：

theme: next
# theme: Wikitten

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
    type: git
    repo: https://FF1204:[email protected]/FF1204/hexoblog.git
    branch: master
    message: travis-ci commit

指定主题为next主题，deploy 为部署到Giteee的hexoblog仓库的master分支。

复制站点配置文件重命名为_config.wikitten.yml并修改如下配置：

theme: Wikitten

# Deployment
## Docs: https://hexo.io/docs/deployment.html

deploy:
    type: git
    repo: https://[email protected]/FF1204/hexoblog.git
    branch: master
    message: travis-ci commit    

指定主题为Wikitten主题，deploy 为部署到 Github 的 hexoblog 仓库的 master 分支。

使用Github账号登陆travis网站，打开hexoblog仓库的自动构建选项，即可开始自动构建。(上面提到的主题的安装可以搜索对应的官网)