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

Test and Deploy with Confidence

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