Byte Ebi's Logo

Byte Ebi 🍤

每天一小口,蝦米變鯨魚

透過 Cloudflare 設定子網域,並客製 GitHub Page 網址

購買網址後可設定子網域給不同網站使用,本篇以 Cloudflare + GitHub Page 靜態網站為例

Ray

之前已經買好了自己的網址,接著要利用 Cloudflare DNS 服務建立子網域
並且設定給指定的 GitHub Page 專案作為客製網址
學會這項技能之後,只要有一組主要網址,就可以根據需求產生不同的子網域網址
各家 DNS 服務提供商都有這個功能,本篇以 Cloudflare 為例

1. 設定子網域

前往 cloudflare 管理後台,點選 DNS 頁籤
建立 DNS 紀錄,選擇類型是 CNAME,並指向自己的網域

cloudflare-dns-cname

2. 設定 GitHub Page CNAME

在靜態網站的根目錄下建立一個檔名為 CNAME 的檔案,並上傳至 GitHub
內容為子域名的完整網址,像我就是 tech.ray247k.com

github-cname

3. 設定 GitHub Page 網址

前往專案 Settings > Pages 頁籤中 Custom domain 區塊
貼上剛剛在 cloudflare DNS 加入且上傳到專案 CNAME 檔案中的完整網址

github-page-custom-domain

如此就完成了在 cloudflare 建立子網域,並自訂 GitHub Page 的網址

最新文章

Category

Tag