Github Pages 介紹

GitHub Pages 是 GitHub 提供的一個網頁代管服務，可以讓使用者放靜態網站，做出個人部落格。

  • 優點
    1. 穩定
    2. 安全
    3. 免費
  • 缺點
    1. 僅能呈現靜態頁面內容
    2. 僅能使用 Git 上傳
    3. GitHub Pages 的 Repo 都是公開的

一、Github Pages 設定

(1) 建立一個想作為 Github Pages 的 Repo

按下最右邊綠色的 New

Repository name 打上你想要的專案名
專案名後面加上 .github.io，方便辨識這是 Github Pages 的專案

Description (optional) 是描述你的專案，可以選擇寫或不寫

其他的設定都不太用調整

好了後就按最下面的Create Repository

(2) Repo 建立成功

看到這個畫面表示你已經成功建立你的 Repo 了

可以先試著新增一個檔案，按下creating a new file

名稱跟內容可以先隨便打，反正可以刪掉

比較需要注意的是底下的 Commit new file，要描述一下你這個檔案是什麼

都用好後按下Commit new file

(3) 開始設定 Github Pages

按最右邊的Settings

再按左側選單的Pages

Branch 可以先選None，也可以選擇其他分支（範例選 main）

再按下Save

如果要使用 Github 內建的主題，就按下Choose a theme

我選 Dinky 主題當範例，然後按下Select theme

（如果想學習用更方便的主題工具，請按 用 GitHub Pages 建立個人部落格吧！(2)－在 MacOS 上安裝 Ruby 與 Jekyll）

接著會跳出一個 index.md，寫一下描述後按下Commit Change

就完成了！

(4) 訪問你的 Github Pages

Github Pages 的 網址是 [USERNAME].github.io

像這樣leewan555.github.io

平常只要這樣打就可以進入你的 Github Pages 頁面

但由於現在是示範的狀態，所以我會有兩個 Github Pages 的 Repo

所以我得在後面再加個 Repo 名稱

[USERNAME].github.io/[REPO_NAME]

因此我的網址就會是leewan555.github.io/test.github.io

進去後會發現網頁自動轉了 https

自己的部落格就出現了！

參考資料