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

1、github基本操做

• 一、建立一个hexo_blog的项目

• 二、生成一个我的帐户的token(注意这个地方生成的token必须马上复制,刷新页面就看不到了)

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

2、使用hexo建站文档地址

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

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

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

• 五、点击Sign in with GitHub按钮,使用github帐户登陆

• 六、同步github上的项目

  

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

  

  

4、.travis.yml文件编写

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

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

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

• 四、language 字段指定了默认运行环境,全部的语言在此

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

• 六、具体配置()

  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
  复制代码

5、修改hexo的配置文件

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

• 一、修改_config.yml文件

  url: https://kuangshp.github.io/hexo_blog/
  root: /hexo_blog/
  复制代码

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

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