Hexo+GitHub 網誌和部落格架設(三)

AdSense

設定 GitHub 和 Hexo 配置

建立 GitHub 儲存庫

從此開始分成兩種類型,取決於你想要將網站設在哪一種網址中,依照最初儲存庫名稱輸入時,分為:

  • 用戶名
    • 網址:https://{用戶名稱}.github.io
    • 每個帳戶只有一個,能放在最根目錄的專案
    • 部署Branch:master
  • 專案名
    • 網址:https://{用戶名稱}.github.io/{專案名稱}
    • 任意、無數量限制
    • 部署Branch:gh-pages

用戶名 (選擇專案名請跳過)

輸入完 {用戶名稱}.github.io >> Create repository

請不要如同一般程式碼託管,輸入如下的指令碼:

1
2
3
4
5
$ git init
$ git add .
$ git commit -m "first commit"
$ git remote add origin https://github.com/jenifers001d/jenifers001d.github.io.git
$ git push -u origin master

專案名 (選擇用戶名請跳過)

輸入完專案名稱 >> Create repository

請不要如同一般程式碼託管,輸入如下的指令碼:

1
2
3
4
5
$ git init
$ git add .
$ git commit -m "first commit"
$ git remote add origin https://github.com/jenifers001d/testHexo.git
$ git push -u origin master

設定部署配置

用戶名 (選擇專案名請跳過)

打開 _config.yml 設定配置,將 # Deployment 中改成如下:

1
2
3
4
deploy:
type: git
repo: https://github.com/jenifers001d/jenifers001d.github.io.git
branch: master

說明:
type:即將部署在什麼伺服器上 (我們是用 git)
repo:儲存庫路徑 (請換成你自己的)

專案名 (選擇用戶名請跳過)

打開 _config.yml 設定配置,將 # Deployment 中改成如下:

1
2
3
4
deploy:
type: git
repo: https://github.com/jenifers001d/testHexo.git
branch: gh-pages

說明:
type:即將部署在什麼伺服器上 (我們是用 git)
repo:儲存庫路徑 (請換成你自己的)

安裝 Git 相依套件

Hexo 有設定,要發布到不同的伺服器,需要安裝不同的套件,我們要發佈到 git 上需要先安裝一個插件,輸入指令碼:

1
$ npm install hexo-deployer-git --save

指令說明:
npm install <套件名稱>:使用 npm 安裝套件
--save:表示記載此套件於專案相依清單

接著,前往部署吧! >> 部署到 GitHub

Hexo+GitHub 網誌和部落格架設 系列文

Hexo+GitHub 網誌和部落格架設(一)- Hexo 是什麼?
Hexo+GitHub 網誌和部落格架設(二)- 安裝 Hexo
Hexo+GitHub 網誌和部落格架設(三)- 建立 GitHub 儲存庫 ← 你在這~
Hexo+GitHub 網誌和部落格架設(四)- 部署到 GitHub