GitHub Pages 使用 Cloudflare Domain | 次世代 Hugo

Hexo 同時使用 GitHub Pages 與 Claudflare Domain。

Version

Hugo 0.154

Cloudflare DNS

首先，你需要告訴 Cloudflare 將網域指向 GitHub 的伺服器。

• 登入 Cloudflare，選擇你的網域
• 點擊左側選單的 DNS -> Records
• 新增 A 紀錄 (Apex Domain)：如果你想直接用 example.com（不含 www），請新增 4 筆 A 紀錄，名稱填寫 @，內容分別填入 GitHub 的官方 IP：
  • 185.199.108.153
  • 185.199.109.153
  • 185.199.110.153
  • 185.199.111.153
• 新增 CNAME 紀錄 (www)：如果你想用 www.example.com，新增一筆 CNAME，名稱填 www，內容填入你的 GitHub 使用者網址 (例如 oomusou-hugo.github.io)
• Proxy Status：DNS only

GitHub Pages 不能 選擇 橘色的 Proxied

Hexo

由於 Hexo 每次 hexo d 都會覆蓋掉 GitHub 上的檔案，如果你只在 GitHub 網頁版設定 Custom Domain，下次部署時就會消失。

• 建立 CNAME 檔案
  • 在你的本地 Hexo 資料夾中，進入 source 目錄，新增一個檔名為 CNAME 的檔案 (無副檔名)
  • 寫入網域
  • 檔案內容只需要寫入你的網域，例如：hugoneo.ai

• 修改 _config.yml
  • 打開 Hexo 根目錄的 _config.yml，修改 url 欄位 url: https://hugoneo.ai
• 部署
  • 執行 hexo clean && hexo g && hexo d

GitHub Pages

最後，去 GitHub 確認設定是否生效。

• 進入該專案的 Settings -> Pages
• 檢查 Custom domain 是否正確顯示你的網域
• Enforce HTTPS：稍等一下就可打勾