本文是《程序猿叨叨叨》系列文章中的其中一篇，想要了解更多相關(guān)的文章，歡迎猛戳藍(lán)字前往閱讀。
前情提要
前幾天使用hexo搭建了Github博客，感覺像擁有了自己的小窩一樣，很有成就感。但是看著博客的域名是二級(jí)域名，總有一種寄人籬下的感覺，為了讓這個(gè)小窩看起來更加正式，我在阿里云上買了一個(gè)域名，打算將博客綁定自己的域名。其實(shí)Github博客綁定域名很簡(jiǎn)單，但是查找了網(wǎng)上的教程，發(fā)現(xiàn)基本上都是文字描述，在具體操作過程中存在歧義，導(dǎo)致我個(gè)人走了一些彎路，如今用圖文描述的方式記錄下來，幫助新人們一步走通。
購買域名
本人在阿里云網(wǎng)站購買的域名，因此本教程以阿里云為栗子，進(jìn)入阿里云域名注冊(cè)頁面。
輸入我們想要的域名，進(jìn)行查詢，選擇未被注冊(cè)的域名進(jìn)行購買：
接下來就是按套路來的下訂單購買流程，在此不作多講。對(duì)于域名的選擇，這里給幾個(gè)建議：
1. 域名盡量知其名聞其意，與網(wǎng)站內(nèi)容詳盡為宜
2. 域名長度盡可能短，方便他人記住自己的網(wǎng)站
3. 域名盡量隨機(jī)數(shù)字和英文結(jié)合，這樣網(wǎng)站看似不正規(guī)，訪客看到這個(gè)域名會(huì)誤認(rèn)為是詐騙網(wǎng)站
4. 個(gè)人博客域名推薦:.com、.cn、me、.studio等，同樣遵循至其名問其意的原則
域名解析
購買域名后，我們登錄進(jìn)入阿里云官網(wǎng)的控制臺(tái)，在域名列表中可查看自己購買的域名：
點(diǎn)擊列表中對(duì)應(yīng)的域名所在列的解析，進(jìn)入解析界面：
點(diǎn)擊添加解析按鈕，如圖一次輸入：CNAME、@、Github博客域名。選擇保存完成個(gè)人域名向個(gè)人博客的映射。添加解析后，在瀏覽器輸入我們新注冊(cè)的域名：
可以看到網(wǎng)站報(bào)出了404錯(cuò)誤，這說明我們的域名已經(jīng)成功映射到了Github網(wǎng)站，但是它找不到我們的博客的位置，所以我們需要實(shí)現(xiàn)個(gè)人博客向個(gè)人域名的映射，進(jìn)入Github博客的倉庫：
點(diǎn)擊上圖上方偏右的Create new file按鈕，創(chuàng)建一個(gè)文件：
文件名為CNAME(注意：沒有擴(kuò)展名)，文件內(nèi)容為個(gè)人域名(注意：沒有http://，沒有www)，然后選擇下方的Commit new file按鈕。然后在瀏覽器端重新輸入我們的域名，我們可以看到域名綁定成功：
但是這時(shí)候我們不能高興得太早，這時(shí)候問題開始出現(xiàn)了。
問題及解決
當(dāng)我們?cè)诒镜厥褂?code>hexo deploy命令再一次部署博客時(shí)，會(huì)發(fā)現(xiàn)博客網(wǎng)頁的css樣式丟失或是404錯(cuò)誤，這是因?yàn)楸镜氐牟┛凸こ汤锩孢€沒有CNAME，當(dāng)我們重新部署后，遠(yuǎn)程的博客工程會(huì)和本地保持同步，將CNAME文件刪除，所以我們要在本地添加CNAME文件：
這里我們需要注意的是：CNAME文件添加的目錄是在根目錄下的source文件夾，而不是.deploy_git文件夾，完成添加后重新部署，博客網(wǎng)站又會(huì)恢復(fù)正常。
