vuepress與travis-cli持續集成自動化部署

因爲前段時間整理了下工做中經常使用到的命令，想把其作成個文檔，以備之後可以方便查閱，想到用vuepress來搭建文檔。

vuepress的搭建徹底可參照官網，可是在線部署的時候仍是碰到了一些須要注意的細節地方。

本文的部署是集成了travis cli自動化部署。

配置

根目錄新建travis.yml文件

language: node_js # node環境
node_js:
  - lts/*
script:
  - npm run docs:build # 執行命令
deploy:
  provider: pages
  skip-cleanup: true
  local_dir: docs/.vuepress/dist # 部署的文件夾文件
  github-token: $GITHUB_TOKEN # travis服務上的token變量
  target-branch: gh-pages # 集成發佈到gh-pages上
  keep-history: true
  on:
    branch: master

設置github

• 手動建立gh-pages

• 建立github token

點擊generate new token，選擇部分權限

保存後，注意複製token串，只有第一次纔會顯示，之後訪問只能更新token串。

設置travis cli

用github帳戶登陸travis-ci

• 開啓自動部署的項目

• 設置變量GITHUB_TOKEN

ADD後能夠直接嘗試修改項目代碼後查看部署信息

總結

經過此次項目部署學習到了怎麼使用travis來持續集成github項目，學習阮一峯大神的持續集成服務 Travis CI 教程瞭解來部分travis配置；最後推薦下個人此次部署的項目，前端開發工做中遇到的命令：fe-dev-command