這是我參與更文挑戰的第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(記錄值) |
---|---|---|
@ | A | 192.30.252.153 |
@ | A | 192.30.252.154 |
www | CNAME | username.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分鐘再去訪問你的域名看看有沒有配置成功。
三、參考資料
(完)
最近熱門文章:
想看更多精彩內容,關注我獲取更多前端技術與個人成長相關內容,相信有趣的人終會相遇!
聽說點讚的人,一個月後都會運氣爆棚,升職加薪哦~