一隻箱子裡的貓,看著電腦螢幕

Schrödinger's Programmer

奔跑吧工程師,趁年輕跑得越遠越好

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

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

Ray

github page custom domain

之前已經買好了自己的網址,接著要利用 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