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