使用Travis+github+hexo持续部署博客项目

一、github基本操作

• 1、创建一个hexo_blog的项目

• 2、生成一个个人账户的token(注意这个地方生成的token必须立刻复制,刷新页面就看不到了)

  点击右上角的头像settings--->Developer settings ---> Personal access tokens--->genderate new token

二、使用hexo建站文档地址

• 1、根据官网的步骤一步一步来
• 2、生成一个项目提交到刚刚的github仓库中

三、使用travis持续部署项目官网地址

• 1、Travis CI 提供的是持续集成服务（Continuous Integration，简称 CI）。它绑定 Github 上面的项目，只要有新的代码，就会自动抓取。然后，提供一个运行环境，执行测试，完成构建，还能部署到服务器
• 2、持续集成指的是只要代码有变更，就自动运行构建和测试，反馈运行结果。确保符合预期以后，再将新代码集成到主干
• 3、持续集成的好处在于，每次代码的小幅变更，就能看到运行结果，从而不断累积小的变更，而不是在开发周期结束时，一下子合并一大块代码
• 4、Travis CI 只支持 Github,所以你要拥有GitHub帐号

• 5、点击Sign in with GitHub按钮,使用github账户登录

• 6、同步github上的项目

  

• 7、同步设置刚刚github上生成的tokon

  

  

四、.travis.yml文件编写

• 1、Travis 要求项目的根目录下面，必须有一个.travis.yml文件。这是配置文件，指定了 Travis 的行为

• 2、该文件必须保存在 Github仓库里面，一旦代码仓库有新的 Commit，Travis就会去找这个文件，执行里面的命令

• 3、这个文件采用 YAML 格式。下面是一个最简单的 Node 项目的.travis.yml文件

• 4、language 字段指定了默认运行环境,所有的语言在此

• 5、node_js: "11" 表示不执行任何脚本，状态直接设为成功

• 6、具体配置()

  language: node_js
  node_js:
    - '11'
  install:
    - npm install
  script:
    - hexo g
  after_script:
    - cd ./public
    - git init
    - git config user.name ${USERNAME}
    - git config user.email ${UESREMAIL}
    - git add -A
    - git commit -m 'init'
    - git push -u -f "https://${TOKEN}@github.com/${USERNAME}/hexo_blog" master:gh-pages
  branches:
    only:
      - master
  

五、修改hexo的配置文件

上面直接提交代码虽然可以自动发布,但是样式加载不出来官网文档

• 1、修改_config.yml文件

  url: https://kuangshp.github.io/hexo_blog/
  root: /hexo_blog/
  

六、这样每次git提交代码travis就会自动帮你发布项目

七、查看静态站点地址(在github上打开项目的设置，往下翻)