GitHub Pages 自訂網域與 Https 設定

首先，先到 GitHub (opens in a new tab) 去申請一個個個人帳號
登入 GitHub 後，在頂部功能列上找到 + 並點選它，接著再點選 New repository，建立一個新的專案
在 Repository name 輸入 <username>.github.io，之後再將 Add a README file 打後，完成後直接滑到最下面按下 Create repository 即可
完成後，找到 Settings 並點選
在左欄功能欄位找到 Pages 並點選
完成上述步驟後，我們會發現你已經使用 github.io 的網域成功生成你的網站了，但事情還沒結束，我們要嘗試著去購買一個自己的網域，並且透過 GitHub 的 Custom domain 服務將 github.io 的網域改成自己購買的網域

首先，先進入 Gandi 的網頁，進入後可以先註冊一下帳號，註冊的部分很簡單，我這邊就先直接略過了。註冊完成後應該會出現以下的畫面，接著我們點選域名，再接著點選購買
之後可以輸入自己喜歡的域名，如果下面出現紅色的 ❌，代表該域名已經被其他人註冊過了，這樣的話只能再想一個更特別一些的域名了；如果出現購物籃則代表該域名可以被購買，那我們就按下購物籃的按鈕
- 已被註冊
- 尚未被註冊，可以購買
購買完後大約等待 5-10 分鐘，然後回到剛剛的域名介面，如果下面出現了你剛剛申請的域名，代表 Gandi 已經幫你開通完成，到這邊購買域名的部分就完成了

首先，不知道 SSL/TLS 是什麼的可以先到 NordVPN (opens in a new tab) 提供的介紹看一下，不想知道的，這裡也可以簡單地告訴你，就是網址列那邊會看起來像安全的
- 安全
- 不安全
正式開始，先到 Cloudflare (opens in a new tab) 官網，一樣需要先註冊帳號，註冊帳號的部分一樣略過。註冊完後登入，在頁面上點選新增網頁
輸入你剛剛在 Gandi 申請的網域名稱，輸入完成點擊新增網站
選擇方案，我們選擇免費，接著點選繼續
接下來應該會到檢視您的 DNS 紀錄，這邊我們直接滑到最下面點選繼續即可
複製兩個 Cloudflare 提供的名稱伺服器，然後回到 Gandi 域名介面後點選名稱伺服器，接著點選變更
點選外部，然後把剛剛複製的兩個名稱伺服器分別貼到名稱伺服器 1 & 名稱伺服器 2，完成後點選儲存即可
回到 Cloudflare，點選完成，請檢查名稱伺服器
進行快速入門手冊設定
- 提高安全性
  - 自動改寫 HTTPS：打開
  - 一律使用 HTTPS：打開
- 最佳化效能
  - 自動縮製：全部選項打勾
  - Brotli：打開
接著在概觀的介面按下 F5 直到出現以下畫面，代表 Cloudflare 設定完成

回到 GitHub，開啟前面剛剛建立的專案，進入 Settings，並點選 Pages。接著在 Custom domain 的位置輸入自己購買的網域名稱，輸入完畢點選 Save
這時我們會發現跑出配置不正確的訊息，不緊張，因為我們剛剛還沒有在 Cloudflare 那邊設定 DNS
回到 Cloudflare，點選 DNS，選擇新增紀錄，刪除預設 Type 為 A 的設定，然後將以下表格內容依序儲存到 Cloudflare 的 DNS 設定中，完成後可在下方列表中確認是否都有設定成功

類型名稱 Ipv4 位址
A @ 185.199.108.153
A @ 185.199.109.153
A @ 185.199.110.153
A @ 185.199.111.153
接著點選 SSL/TLS，可以將預設的彈性選項改為完整選項
最後再回到 GitHub，點擊 Check again，然後就會發現你自訂的域名旁邊就會出現綠色的 ✔️ 啦
- 設定成功