繫結Github上的個人部落格到Godaddy域名

前端隊長Daotin發表於2021-06-02

這是我參與更文挑戰的第2天,活動詳情檢視: 更文挑戰

圖片

大家好,我是前端隊長Daotin,想要獲取更多前端精彩內容,關注我,解鎖前端成長新姿勢。

以下正文:

一、購買域名

這個大家自己到 Godaddy官網 sg.godaddy.com/zh/ 購買即可。

二、配置Github

1、新建 CNAME 檔案

在我們的Hexo專案的sources目錄下新建個CNAME檔案,裡面寫上我們的域名。

圖片

之後重新部署專案:

hexo g
hexo d

複製程式碼

如果你是用 hexo 框架搭建部落格並部署到 Github Pages 上:

每次hexo g  hexo d 後會把你的部落格所在目錄下 public 資料夾裡的東西都推到 Github Pages 倉庫上,並且把 CNAME 檔案覆蓋掉,解決這個問題可以直接把 CNAME 檔案新增到 source 資料夾裡,這樣每次推的時候就不用擔心倉庫裡的 CNAME 檔案被覆蓋掉了。

之後我們可以在網站的Github專案的根目錄看到這個檔案:

圖片

還有一種方式是:在網站的Github專案上,點選設定Settings,找到Custom domain,填入申請的域名,並儲存。這樣也會在Github專案的根目錄看到這個檔案,但是當你在每次部署專案之後,這個CNAME檔案都會消失,本質上相當於你新建的CNAME放在了本地Github專案的根目錄了,而不是在source資料夾下。

圖片

2、在 DNS 中新增記錄

向你的 DNS 配置中新增 3 條記錄(在域名解析提供商,下面以dnspod為例)

Host(主機記錄)記錄型別Points To(記錄值)
@A192.30.252.153
@A192.30.252.154
wwwCNAMEusername.github.io

這樣別人用www和不用www都能訪問你的網站(其實www的方式,會先解析成xxxx.github.io,         然後根據CNAME再變成xxx.com, 即中間是經過一次轉換的)。

上面,我們用的是CNAME別名記錄,也有人使用A記錄,後面的記錄值是寫github page裡面的ip地址,但有時候IP地址會更改,導致最後解析不正確,所以還是推薦用CNAME別名記錄要好些,不建議用IP。

如:
(1)先新增一個CNAME,主機記錄寫@,後面記錄值寫上你的xxxx.github.io
(2)再新增一個CNAME,主機記錄寫www,後面記錄值也是username.github.io ,用你自己的 Github 使用者名稱替換 username.

3、在 GoDaddy 修改 DNS 地址

(1)在右上角我的賬戶下拉選單中,點選-> 我的產品:

圖片

(2)點選域名後面的 DNS 按鈕:

圖片

(3)更改域名伺服器為:

f1g1ns1.dnspod.net 
f1g1ns2.dnspod.net

複製程式碼

圖片

(4)等待你的 DNS 配置生效:

對DNS的配置不是立即生效的,過1分鐘再去訪問你的域名看看有沒有配置成功。

三、參考資料

(完)

最近熱門文章


想看更多精彩內容,關注我獲取更多前端技術與個人成長相關內容,相信有趣的人終會相遇!

聽說點讚的人,一個月後都會運氣爆棚,升職加薪哦~

微信圖片_20210427113225.png

相關文章