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

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

实现的功能:

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

工具:

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

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

我本地博客路径为hexoblog, Github仓库为hexoblog, 共有两个分支,hexo为主分支,托管博客源码, masterpages分支,托管博客生成的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仓库的自动构建选项,即可开始自动构建。(上面提到的主题的安装可以搜索对应的官网)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,585评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,283评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,760评论 0 324
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,461评论 1 266
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,280评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,268评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,656评论 3 385
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,322评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,629评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,691评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,445评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,299评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,694评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,982评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,244评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,642评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,829评论 2 335

推荐阅读更多精彩内容