本文主要介绍如何利用一份原始手稿,自动部署多个不同主题的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:xxx_gitee_xxx@gitee.com/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://xxx_github_xxx@github.com/FF1204/hexoblog.git
branch: master
message: travis-ci commit
指定主题为Wikitten
主题,deploy 为部署到 Github 的 hexoblog 仓库的 master 分支。
使用Github账号登陆travis网站,打开hexoblog仓库的自动构建选项,即可开始自动构建。(上面提到的主题的安装可以搜索对应的官网)