Hexo＋GitHub 網誌和部落格架設（三）

發表於 更新於 分類於
使用 Hexo 架設網站前，需要現在 GitHub 建立儲存庫。
AdSense

建立 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