本文是《程序猿叨叨叨》系列文章中的其中一篇抵皱,想要了解更多相關(guān)的文章简卧,歡迎猛戳藍(lán)字前往閱讀蜕企。
前情提要
前幾天使用hexo搭建了Github博客暗挑,感覺像擁有了自己的小窩一樣困乒,很有成就感蝗肪。但是看著博客的域名是二級域名袜爪,總有一種寄人籬下的感覺,為了讓這個(gè)小窩看起來更加正式薛闪,我在阿里云上買了一個(gè)域名辛馆,打算將博客綁定自己的域名。其實(shí)Github博客綁定域名很簡單豁延,但是查找了網(wǎng)上的教程昙篙,發(fā)現(xiàn)基本上都是文字描述,在具體操作過程中存在歧義诱咏,導(dǎo)致我個(gè)人走了一些彎路苔可,如今用圖文描述的方式記錄下來,幫助新人們一步走通袋狞。
購買域名
本人在阿里云網(wǎng)站購買的域名焚辅,因此本教程以阿里云為栗子映屋,進(jìn)入阿里云域名注冊頁面。
輸入我們想要的域名同蜻,進(jìn)行查詢秧荆,選擇未被注冊的域名進(jìn)行購買:
接下來就是按套路來的下訂單購買流程,在此不作多講埃仪。對于域名的選擇,這里給幾個(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)擊列表中對應(yīng)的域名所在列的解析泛释,進(jìn)入解析界面:
點(diǎn)擊添加解析按鈕,如圖一次輸入:CNAME温算、@怜校、Github博客域名。選擇保存完成個(gè)人域名向個(gè)人博客的映射注竿。添加解析后茄茁,在瀏覽器輸入我們新注冊的域名:
可以看到網(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)我們在本地使用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ù)正常亿乳。
參考:
github怎么綁定自己的域名?
hexo部署后径筏,CNAME會(huì)被自動(dòng)刪除葛假,怎么辦?