Travis CI自动打包并上传github pages

git

Created At : 2019-06-05 10:40

Views 👀 :

1. 概述
2. 配置文件
3. Travis CI配置

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方法

有两种方法：

使用环境变量

使用全局变量

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

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 wind.kaisa@gmail.com