hexo通过travis免费自动构建到github的page上

2019 / 11 / 27 github

前言

hexo是个本地构建md生成静态页面的工具,今天我讲下搭配自动部署的方法。
我感觉这个travis还是不错的,相较于jenkins需要自己搭建服务,还需要公网接受hook,这个完全免费,配置也简单
ps:(travis有两个域名,记得用 https://travis-ci.com/ 这个域名)

步骤

  1. github建立一个项目,关联你的hexo源代码,先不用提交代码
  2. 在github添加travis服务
  3. Applications settings设置下授权自动构建的仓库,这里可以选前面步骤1的项目。
  4. 生成一个github的token,复制好生成的token字符串哦。、
  5. 然后回到你的Travis CI网站,在My Repositories里面找到你授权的项目,点击进入项目详情,然后在右边的more action里面选择setting,在页面中间部分的Environment Variables里面添加一个环境变量GH_TOKEN,值就是你前面github生成的 token,然后点击add添加成功。
  6. 前面几步就弄完了项目关联了,现在我们在hexo的源代码根目录添加.travis.yml文件,配置下让travis知道我们提交代码之后触发什么命令。内容如下,这段配置的含义就是让关联的仓库的master分支提交代码之后,执行下指定script,然后将local-dir目录推到gh-pages分支
    sudo: false
    language: node_js
    node_js:
    - 10 # use nodejs v10 LTS
    cache: npm
    branches:
    only:
     - master # build master branch only
    script:
    - hexo generate # generate static files
    deploy:
    provider: pages
    skip-cleanup: true
    github-token: $GH_TOKEN
    keep-history: true
    on:
     branch: master
    local-dir: public
  7. 现在将你加好配置的hexo源代码推送到github的master分支,travis就会自动给你构建好代码推送到gh-pages分支了。