Day 11：將你的 Hexo 部落格部屬到 Github Pages

我相今天的篇章是大家期待已久的，因為經過前面十天的努力，今天終於要將我們的部落格公開在世人面前啦！不過今天的流程稍微多了一些，但只要照著下面一步一步操作我想是能夠上手的。

要公開到網路上，勢必需要有一個伺服器主機來放置我們的部落格，而我們所選擇使用的伺服器主機為 Github Pages，以下就來介紹它是什麼樣的服務以及好處。

什麼是 Github Pages？為何選擇它？其有何限制？

Github Pages 是 Github 提供的靜態網頁空間，它提供了 1GB 容量儲存空間以及每個月 100GB 流量，而且都是免費使用的，對於剛起步的 Hexo 部落格來說我想是滿適合的一個方案。

Github Pages 提供了什麼？

免費的靜態網頁空間
1GB 空間容量
100GB 月流量
提供一組 Github帳號.github.io 子網域
能夠使用 Git 部署並進行版本控制

Github Pages 有什麼限制？

不過相對來說它還是有一些限制，比方說一小時內你只能提交 10 次更新版本，再來就是它只能存放靜態網頁、沒有提供資料庫，所以像是 WordPress 等使用 PHP 或是需要資料庫的動態程式就沒有辦法利用 Github Pages 所提供的免費空間。

不過我認為以 Hexo 來說還是值得一試的，雖然說一小時內只能提交 10 次版本，但是你可以先在本機上確認文章內容無誤後，在部署到空間上就好，不需要每更新幾個字就部署到空間上。另外 Hexo 是靜態網頁產生器，所以使用 Github Pages 是完全沒有問題的。

新增一個 Github 儲存庫

申請 Github 帳號

首先如果你要新增儲存庫，你必須要有一個 Github 帳號。如果你還沒有的話，那就申請一個吧！Github 帳號請務必好好取名，因為 Github Pages 會提供一組「你的 Github 帳號.github.io」的子網域。

新增儲存庫

如果你本身已經有 Github 帳號或是剛辦好的，那就可以新增儲存庫了。首先來到已經為登入狀態的 Github 任一頁面，右上角會有個「+」按鈕，按下去後會出現下拉式選單，點擊第一個「New repository」。

點擊新增儲存庫

此時請在你的 Reponsitory name 輸入你的 Github Pages 子網域，而你的 Github Pages 格式就如同前面所敘述為「你的 Github 帳號.github.io」。而且一個帳號僅有一組子網域。

填寫網址

填寫完成往下滑按下「Create repository」後，如果看到以下畫面就代表成功囉！此時，右上角是否有看到一個 HTTPS 的網址？請將它複製起來，待會會用到。

儲存庫建立成功

設定 Hexo 連結儲存庫

部署前要先設定 Hexo 的 _config.yml 檔案中連接到 Github 儲存庫的相關設定，首先要找到 # Deployment 這段（基本上預設會在檔案最下面）：

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git # 使用 Git 部署
  repo: https://github.com/Github帳號/Github帳號.github.io.git # 你的儲存庫 clone
  branch: gh-pages # 儲存庫分支
  message: "First Commit" # Commit 訊息