使用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上打开项目的设置，往下翻)