使用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上打開項目的設置，往下翻)