Travis CI自动打包并上传github pages

  1. 1. 概述
  2. 2. 配置文件
  3. 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方法

有两种方法:

  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

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

文章标题:Travis CI自动打包并上传github pages

本文作者:kaisawind

发布时间:2019-06-05, 02:40:42

最后更新:2020-11-18, 15:55:44

原始链接:https://kaisawind.gitee.io/2019/06/04/2019-06-05-other2/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏