Github 部署個人網(wǎng)頁 | 自定義域名
時間:2022-08-25 03:54:01 | 來源:網(wǎng)站運營
時間:2022-08-25 03:54:01 來源:網(wǎng)站運營
上篇文章講了如何在 Github 一鍵部署靜態(tài)網(wǎng)頁。但是,
username.github.io
這樣的域名也太難看了,放在簡歷上多少有點影響觀感。
這篇文章來分享一下如何給 Github 靜態(tài)頁面添加自定義域名吧~
購買域名
域名購買分為國內(nèi)和國外兩種買法,下面是它們兩的差別:
| 國內(nèi) | 國外 |
---|
支付 | 啥都行 | 支付寶 |
擴展性 | 高 | 低 |
備案 | 需要 | 不需要 |
服務(wù)器 | 需要有配套 3 個月租期以上的服務(wù)器 | 不需要 |
價格 | 便宜 | 便宜 |
其中最大的差別就是國內(nèi)
需要備案才能使用域名,國外域名則是買了就能用。 現(xiàn)在備案也比較方便了,在小程序里就能完成。
但是一個比較坑的點是,
必須要有 3 個租期以上的服務(wù)器才能開始備案,而且一臺服務(wù)器只能為一個域名備案。 所以,會出現(xiàn)花 20 塊買域名,但是要花 200 多先租臺服務(wù)器(3 個月左右)來備案的坑爹情況。
由于 Github 部署的是國外服務(wù)器,國內(nèi)的域名是不能用在國外服務(wù)器的,所以只能購買國外域名。
還有一個點是,域名是可以隨時轉(zhuǎn)到不同服務(wù)商下的,比如將國外域名轉(zhuǎn)為國內(nèi),將騰訊云買的域名轉(zhuǎn)到阿里云等。需要注意的是:
選好之后就盡量不要換了,在更換域名服務(wù)商之后,3 個月內(nèi)域名是用不了的,類似被凍結(jié)的狀態(tài)。NameSilo 買域名
國外比較出名的域名服務(wù)商有 Godaddy 和 NameSilo ,我自己是在 NameSilo 上購買的。為什么選它?主要是便宜。
進入網(wǎng)頁后,輸入你想要的域名看一看還有沒有:
超級便宜,有木有!
DNS 配置
買完之后進入你的
domain manager,然后點擊你的域名,進入配置頁:
首先,添加一個 CNAME,將域名指向原來丑陋的
username.github.io
。訪問你的域名相當(dāng)于訪問了
username.github.io
:
或者,你也可以添加 4 條 A 記錄,將你的域名打到這 4 個 IP 上,也是可以的:
IP 如下:
185.199.108.153185.199.109.153185.199.110.153185.199.111.153
CNAME 和 A 記錄兩種方法都能將你的域名打到 Github 的靜態(tài)網(wǎng)頁上。
配置之后不是立馬生效的,需要等 24 小時左右。
Github 配置
Github 就很簡單了,首先在 Settings 處填入剛剛購買的個人域名。
然后拉到下面,點擊
Check it out here!:
在里面的 Custom Domain 里填你的域名,并點開 Enforce HTTPS。
因為我這里配置了國內(nèi)的 CDN,所以會有這個 Warning,而且不能 Enforce HTTPS,大家是不會有這個警告的,放心 :)
都配置成功后,稍等片刻,會在開頭這里看到我們域名是 Ready 了:
點進去就能看到在 Github 部署的靜態(tài)網(wǎng)頁啦。
總結(jié)
總結(jié)一下來我們都做了什么:
- NameSilo 購買國外域名
- 添加 DNS 配置,將域名指向 Github 的靜態(tài)網(wǎng)頁
- 在 Github Settings 添加自定義域名
然而,問題還沒解決完。國內(nèi)訪問 Github 部署的靜態(tài)網(wǎng)頁是很慢的,有的時候甚至慢得都訪問不了。
那么,下一篇《Github 部署》大結(jié)局就來聊一下
如何用國內(nèi)的 CDN 加速 Github 靜態(tài)頁面。
對了,最近剛建了個公眾號【寫代碼的海怪】,覺得我寫得不錯就隨緣關(guān)注一下嘍~