hexo博客綁定域名以及增加gitment評論


最近在NameSilo上註冊了個域名,並將hexo博客同時部署到Github Page和Coding Page中以及綁定域名,在其中遇到了一些問題,將整個過程記錄下來供後續參考。

購買域名

首先需要購買一個域名,國內可以在萬網上購買,但是需要備案比較麻煩。這裏有幾個不錯的域名購買網站,不需要備案。

namesilo!

godaddy

namecheap

namecheap好像不支持支付寶,godaddy又比較坑(第一年域名很便宜,後面會漲價),只有namesilo價格還行,而且支持支付寶。具體域名購買建議可以參見知乎上的帖子:https://www.zhihu.com/question/19551906

這裏我買的.com域名,一年大概50多左右。買好後可以看到Account Domains下多了一個域名:
在這裏插入圖片描述

將博客同時部署至Github和Coding

Coding是國內的一個代碼託管網站,考慮GitHub國內訪問慢,所以這裏將博客也部署至Coding。

創建coding倉庫

和GitHub類似,也需要新建一個和用戶名一致的倉庫名,如litexiny,這樣才能通過litexiny.coding.me訪問(GitHub是litexiny.github.io)。
在這裏插入圖片描述
由於需要綁定自己的域名,所以需要進入項目頁面的Pages服務中開啓Coding Pages服務,並綁定域名,綁定成功後如下圖所示:
在這裏插入圖片描述

修改_config.yml文件

在博客根目錄下找到_config.yml文件,編輯deploy選項,將coding地址也加入進來,修改爲:
在這裏插入圖片描述
此時通過命令hexo ghexo d就可將文章同時發佈到GitHub和Coding上了。

域名解析

域名解析可以使用namesilo自己提供的,也可以使用dnspos來解析,我這裏使用dnspos進行解析。現在要實現國內走coding,海外走github,需要添加幾條CNAME指向這兩個域名,將github設置爲國外的,coding設置爲默認,如圖所示:
在這裏插入圖片描述
注意後面有個點.
Coding由於在前面開啓pages服務的時候就綁定了域名,現在就可以直接訪問了。
而Github還需要上傳一個CNAME文件到靜態網頁的根目錄才行,我們可以把這個文件放在Hexo\source文件夾下面,deploy的時候會自動幫你上傳到網站根目錄。CNAME文件裏只需要放你想綁定的域名就可以了。(注意:CNAME文件是沒有後綴的)

最後還需要在namesilo中添加DNSPOS的NameServer,如下圖所示:
在這裏插入圖片描述
至此,通過自己的域名就可以訪問博客了。

添加gitment評論

gitment就是將評論放到博客github倉庫的issue裏,而且支持markdown,比較適合程序員。

註冊OAuth Application

首先在https://github.com/settings/applications/new上進行註冊,如圖:
在這裏插入圖片描述
注意上述Application name最好填自己綁定的域名(不加http等前綴的),HomePage URL和Authorization callback URL都填自己綁定域名後的博客地址(如這裏就不能填name.github.io

修改主題下的_config.yml配置

上述填完註冊好了會生成Client ID和Client Secret,將其放到gitment中:

#5、Gitment
gitment_owner: xinyuexy      #你的 GitHub ID
gitment_repo: 'xinyuexy.github.io'          #存儲評論的 repo
gitment_oauth:
  client_id: 'yourid'           #client ID
  client_secret: 'yoursecret'       #client secret

注意gitment_repo要填GitHub的博客地址(不能是自己域名的,因爲將評論放到GitHub的issue中)

初始化評論

這時查看文章下的評論,會出現Error: Comments Not Initialized的錯誤,只需要在該頁面的Gitment評論區登陸GitHub賬號,並點擊Initialize Comments(每篇文章下都要初始化後才能使用):
在這裏插入圖片描述
初始化後如下:
在這裏插入圖片描述
可以看到issue page已經有剛纔的評論了:
在這裏插入圖片描述

總結與感想

(1)遇到問題首先要思考爲什麼,然後要多嘗試不同組合的可能解決方案。

(2)不能安於現狀,要多打磨,讓自己的東西變得更完美。

參考資料:

綁定域名相關:

https://github.com/niices/blog/issues/7

http://flamepeak.com/2016/09/02/NameSilo-gong-lue-20160902/

gitment踩坑:

https://www.jianshu.com/p/57afa4844aaa

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章