序：
曾經(jīng)呢，因為喜歡??上一個女生，所以買了她名字的中文域名，`www.王珺.我愛你`。
在我把網(wǎng)站備案成功的一段時間后，通過瀏覽器訪問這個url總是有時能訪問有時訪問失敗，一臉懵B。
突然有一天，猛然開竅，原來是這個網(wǎng)站使用的虛擬主機(jī)之前和我爸公司的網(wǎng)站綁定，忘記清除DNS解析，造成了沖突。
在此中間，讀了一些關(guān)于DNS解析的文章，就對主機(jī)域名的自定義配置感了興趣，
然而主機(jī)域名綁定服務(wù)器或者虛擬主機(jī)要花錢??，何不利用github pages免費(fèi)存儲網(wǎng)頁呢，
那么此篇文章就是介紹如何實現(xiàn)github pages綁定我們的自定義主機(jī)域名。
最終結(jié)果
github pages 的種類
- user page: 用戶的整個站點(diǎn)，創(chuàng)建一個名為goddy.github.io的項目。
goddy改為自己的github名稱，項目默認(rèn)的域名跟項目名稱一致。 - project page: 項目的默認(rèn)域名，是在user page的域名上加上二級目錄實現(xiàn)的，比如我有一個項目叫heart，那么該項目的站點(diǎn)就是訪問goddy.github.io/heart
域名結(jié)構(gòu)
域名地址以主機(jī)(host)、子域 (sub domain)和域(domain)的形式表示的Internet地址(address)，與數(shù)字表示的IP地址(IP address)相對應(yīng)。
購買域名
github pages開通
- user page
- 創(chuàng)建名為
[你的github賬號名].github.io的項目，提交項目代碼至遠(yuǎn)程倉庫 - 打開github該項目的setting
-
GitHub Pages的source選擇master branch
- 瀏覽器打開
[你的github賬號名].github.io即可訪問項目
- 創(chuàng)建名為
- project page
- 創(chuàng)建項目heart,提交代碼至遠(yuǎn)程倉庫
- 打開github該項目的setting
- GitHub Pages的source選擇master branch
- 瀏覽器打開
[你的github賬號名].github.io/heart即可訪問項目
自定義域名
首先，域名服務(wù)商配置
- 打開阿里云并登錄
- 打開控制臺
- 選擇
域名與網(wǎng)站 - 域名 - 域名列表，選擇域名的解析 - 選擇解析設(shè)置，解析的記錄類型常用的有如果我們選擇了A那么我們需要在記錄值填寫服務(wù)器ipv4的地址，如果我們選擇CNAME那么我們在記錄值填寫指向的域名。
因為我們要指向github pages生成的域名，所以記錄類型選擇CNAME，注意不管是user page還是project page我們在記錄值統(tǒng)一填寫為[你的github賬號名].github.io
注：如果你希望github里大量的項目都分配一個主機(jī)名，那么可以統(tǒng)一只填寫一條記錄，主機(jī)記錄處填寫為*，表示所有主機(jī)名都指向github地址
然后，github項目配置
-
第一種方式
- 打開遠(yuǎn)程倉庫
- 在項目根目錄下添加文件CNAME
注意沒有后綴名 - 打開CNAME，填寫目標(biāo)網(wǎng)址
-
第二種方式
- 打開項目的Settings
- 在GitHub Pages的custom domain處填寫你的網(wǎng)址，如abc.baidu.com
注意沒有http://或https://
中文域名處理
上面是英文域名的填寫方式，博主購買的是中文，中文的填寫也很方便。
打開中文域名轉(zhuǎn)碼網(wǎng)站輸入中文，例如heart.王珺.我愛你，將取到的結(jié)果heart.xn--qby4i.xn--6qq986b3xl填寫至你項目的CNAME文件中或custom domain處就可以啦，是不是很簡單。
