Travis CI自动打包并上传github pages - Wed, Jun 5, 2019

Test and Deploy with Confidence Easily sync your GitHub projects with Travis CI and you’ll be testing your code in minutes!

1. 概述

使用Vue.js开发web页面，使用github pages进行展示。 由于使用了gh-pages分支进行页面的显示，所以每次变更都需要将vue打包之后再提交到另一个分支很繁琐。 所以使用Travis CI进行自动打包和提交。

2. 配置文件

配置文件基本是通用的配置文件，deploy是部署github pages。 local_dir参数是关键，只需要将dist文件夹下的所有文件copy到分支中。 如果有自己的域名，public目录中需要添加CNAME。

language: node_js
node_js: 12
script: yarn build
notifications:
  email: true
deploy:
  provider: pages
  skip_cleanup: true
  github_token: $GITHUB_TOKEN
  keep_history: true
  on:
    branch: master
  local_dir: dist

3. Travis CI配置

Travis CI中只需要配置GITHUB_TOKEN, token需要public_repo或者repo权限。 github创建私有token方法

有两种方法：

  1. 使用环境变量 pic
  2. 使用全局变量
    env:
    global:
        - secure: mcUCykGm4bUZ3CaW6AxrIMFzuAYjA98VIz6YmYTmM0/8sp/B/54JtQS/j0ehCD6B5BwyW6diVcaQA2c7bovI23GyeTT+TgfkuKRkzDcoY51ZsMDdsflJ94zV7TEIS31eCeq42IBYdHZeVZp/L7EXOzFjVmvYhboJiwnsPybpCfpIH369fjYKuVmutccD890nP8Bzg8iegssVldgsqDagkuLy0wObAVH0FKnqiIPtFoMf3mDeVmK2AkF1Xri1edsPl4wDIu1Ko3RCRgfr6NxzuNSh6f4Z6zmJLB4ONkpb3fAa9Lt+VjJjdSjCBT1OGhJdP7NlO5vSnS5TCYvgFqNSXqqJx9BNzZ9/esszP7DJBe1yq1aNwAvJ7DlSzh5rvLyXR4VWHXRIR3hOWDTRwCsJQJctCLpbDAFJupuZDcvqvPNj8dY5MSCu6NroXMMFmxJHIt3Hdzr+hV9RNJkQRR4K5bR+ewbJ/6h9rjX6Ot6kIsjJkmEwx1jllxi4+gSRtNQ/O4NCi3fvHmpG2pCr7Jz0+eNL2d9wm4ZxX1s18ZSAZ5XcVJdx8zL4vjSnwAQoFXzmx0LcpK6knEgw/hsTFovSpe5p3oLcERfSd7GmPm84Qr8U4YFKXpeQlb9k5BK9MaQVqI4LyaM2h4Xx+wc0QlEQlUOfwD4B2XrAYXFIq1PAEic=
    Defining encrypted variables in .travis.yml