由于前段时间整理了下工作中常用到的命令，想把其做成个文档，以备以后能够方便查阅，想到用 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