# 自动化构建工具

本文主要介绍一下travis自动化构建工具的使用,实例为本博客的自动化构建过程。(另外有Circle-ci可了解一下)

# travis

# 1、进入travis-ci官网,用你的github账号登录该网站,它会自动关联你github上的工程
# 2、选择一个工程,打开setting前面的开关,点击setting
# 3、setting里面默认已经打开了几个选项,在此我们主要需要添加一个github的Personal access key
  • 步骤一:github上生成personal access key

github --> setting --> Developer setting --> Personal access tokens --> Generate new token --> 生成token

  • 步骤二:添加到travis-ci设置

setting里面有一个填写名称和key的地方,名称填写你的token名称,key填写github生成的key

# 4、配置.travis.yml:该文件位于你的博客根目录
  • travis.yml具体内容
language: node_js
node_js:
  - "8"
install: npm install
script: npm run deploy
  • deploy.sh具体内容,该配置参考vuepress官方配置
# 确保脚本抛出遇到的错误
set -e

# 生成静态文件
npm run docs:build

# 进入生成的文件夹
cd ./docs/.vuepress/dist

git init
git add -A
git commit -m 'deploy'
# 如果发布到 https://<USERNAME>.github.io  USERNAME=你的用户名
//注意,此处的$BLOG_TOKEN是你生成的`Personal access key`,名字要一致。
git push -f -q https://$BLOG_TOKEN@github.com/susan007/susan007.github.io.git master
# 5、事已至此,当你把博客推到github的时候,会自动执行.travis.yml中的内容。执行结果可去官网查看。

PS: 更详细的步骤请参考 https://www.jianshu.com/p/e22c13d85659 https://www.jianshu.com/p/5691815b81b6

# Jenkins