前言

在一次看到別人的博客主頁，覺得設(shè)計(jì)很漂亮。但是由于自己對于前臺這塊沒什么辦法，煞是羨慕。偶然中發(fā)現(xiàn)這種樣式是在Github上面搭建的，使用的是Next主題。于是便想自己也搭建一個，于是便去就去查詢相關(guān)資料，在經(jīng)歷不少錯誤之后，終于搭建成功。
由于當(dāng)時搭建的時候，沒怎么記載，而且當(dāng)初用的也不太熟。在使用了3個多月之后，趁著國慶這個時間將本博文寫出來。如有不妥，歡迎指教！

注:其實(shí)搭建一個自己域名的博客，最大的作用就是提升了逼格…

效果圖:

一、配置Hexo環(huán)境

1.下載并安裝git

地址: https://git-scm.com/downloads
至于32位還是64位則看個人電腦情況選擇了。
如果不會使用，可以看下我之前的博文:http://blog.csdn.net/qazwsxpcm/article/details/68946736

2. 下載并安裝Node.js

http://nodejs.cn/
位數(shù)也依舊看個人電腦情況，安裝成功之后，輸入 node -v 和npm -v 可以查看是否安裝成功。
注意:安裝成功后需要重啟電腦。

3. 配置hexo

1，新建文件夾，然后右鍵電腦盤符，點(diǎn)擊git base。如:E:\Github\hexo

2， 輸入: npm install hexo-cli -g 安裝hexo

hexo命令簡單介紹

$ hexo g #完整命令為hexo generate，用于生成靜態(tài)文件 $ hexo s #完整命令為hexo server，用于啟動服務(wù)器，主要用來本地預(yù)覽 $ hexo d #完整命令為hexo deploy，用于將本地文件發(fā)布到github上 $ hexo n #完整命令為hexo new，用于新建一篇文章

3，進(jìn)入Git Bash，輸入hexo init 初始化倉庫

4，安裝依賴包 輸入: npm install ，成功之后輸入: hexo g 和 hexo s

5，在瀏覽器輸入:http://localhost:4000/ 可以查看本地預(yù)覽

注:因?yàn)槲乙呀?jīng)配置好了NexT主題，所以顯示的是該主題。正常會顯示的Hexo默認(rèn)的主題，借用了網(wǎng)上的一張貼圖作為范例。

二、Hexo的相關(guān)配置

1.啟用NexT主題

在成功配置完環(huán)境之后，hexo的目錄結(jié)構(gòu)如下。

在 Hexo 中有兩份主要的配置文件，其名稱都是 _config.yml。 其中，一份位于站點(diǎn)根目錄下，主要包含 Hexo 本身的配置；另一份位于主題目錄下，這份配置由主題作者提供，主要用于配置主題相關(guān)的選項(xiàng)。
為了描述方便，在以下說明中，將前者稱為 站點(diǎn)配置文件， 后者稱為 主題配置文件。

我們打開站點(diǎn)配置文件， 找到 theme 字段，并將其值更改為 next。

成功配置之后，稍微等一下，然后再次使用 git base 啟動hexo，輸入hexo g 和 hexo s 便可以看到Next主題以及成功使用。具體可以看我上面的圖片，這里還是使用借用的一張圖。

2.NexT相關(guān)配置

外觀設(shè)置

打開 主題配置文件，然后解除Scheme中的 # 注釋，選擇適合自己的主題。

Muse - 默認(rèn) Scheme，這是 NexT 最初的版本，黑白主調(diào)，大量留白 Mist - Muse 的緊湊版本，整潔有序的單欄外觀 Pisces - 雙欄 Scheme，小家碧玉似的清新

注意: 設(shè)置樣式后面需要有一個空格！！！

語言設(shè)置

打開站點(diǎn)配置文件 ，找到language，然后設(shè)置語音種類。
目前 NexT 支持的語言如以下表格所示：
語言 代碼 設(shè)定示例

English en language: en 簡體中文 zh-Hans language: zh-Hans Fran?ais fr-FR language: fr-FR Português pt language: pt or language: pt-BR 繁體中文 zh-hk 或者 zh-tw language: zh-hk Русский язык ru language: ru Deutsch de language: de 日本語 ja language: ja Indonesian id language: id Korean ko language: ko

菜單設(shè)置

打開主題配置文件，找到menu，然后選擇主菜單顯示內(nèi)容。

NexT 默認(rèn)的菜單項(xiàng)有（標(biāo)注 的項(xiàng)表示需要手動創(chuàng)建這個頁面）：
鍵值 設(shè)定值 顯示文本（簡體中文）

home home: / 主頁 archives archives: /archives 歸檔頁 categories categories: /categories 分類頁 tags tags: /tags 標(biāo)簽頁 about about: /about 關(guān)于頁面 commonweal commonweal: /404.html 公益 404

設(shè)置完之后，還需要設(shè)置對應(yīng)菜單的相應(yīng)的文本，也就是菜單的翻譯。
找到languages/{language}.yml ，然后編輯進(jìn)行相應(yīng)的說明就行了。
如：設(shè)置的是語言是language: zh-Hans ,就打開zh-Hans.yml。

其它設(shè)置

頭像設(shè)置

在主題配置文件 中編輯 avatar 輸入頭像路徑就行了。
images 在hexo/public/images中。
如: avatar: /images/xuwujing.png

至于作者呢稱和作者描述在我之前的截圖上以及說明了，這里就不再多說了。

百度統(tǒng)計(jì)

地址:https://tongji.baidu.com/web/welcome/login
登錄之后（沒有則注冊）,然后新增網(wǎng)站，輸入域名就行，然后會出現(xiàn)一串js代碼，復(fù)制hm.js? 后面那串統(tǒng)計(jì)腳本 id , 然后粘貼到 主題配置文件 中的baidu_analytics 就行。

社交鏈接

編輯主題配置文件 中的 social 然后增加鏈接以及說明就行。
例如：csdn: http://blog.csdn.net/qazwsxpcm?viewmode=list 。

標(biāo)簽分類

在站點(diǎn)目錄下，打開git bash，輸入 hexo new page “categories” 創(chuàng)建分類。
輸入:hexo new page “tags” hexo new page “about” 創(chuàng)建標(biāo)簽和關(guān)于。
創(chuàng)建玩在站點(diǎn)目錄下的source文件夾下，會新增一個categories、tags、about的文件夾，里面有一個index.md文件，打開之后更改說明為中文，那么顯示的也為中文。
comments可以設(shè)置為false，含義是打開分類頁面，評論插件不顯示。

我的配置，可以從該地址查看：https://github.com/xuwujing/xuwujing.github.io

三、Hexo關(guān)聯(lián)github以及將本地博客上傳

1. 在github上面創(chuàng)建倉庫

1，成功登錄github后(未創(chuàng)建先行創(chuàng)建)，創(chuàng)建一個倉庫，倉庫名稱格式為 youname.github.io youname 為用戶名 。例如:xuwujing.github.io

2，創(chuàng)建成功之后，點(diǎn)擊該倉庫，選擇setting，然后拖到GitHub Pages界面來, 然后選擇Choose a theme，隨便選擇一個主題之后。再次點(diǎn)擊setting來到GitHub Pages來，可以發(fā)現(xiàn)出現(xiàn)了一個路徑，訪問該路徑，便可以訪問所設(shè)置的倉庫的界面了。
注: 因?yàn)槲乙呀?jīng)成功設(shè)置了。所以使用一個test測試倉庫，用于截圖和說明。實(shí)際倉庫名稱不要使用這種！！！

2.Hexo關(guān)聯(lián)Github

這個就和之前關(guān)聯(lián)倉庫的步驟差不多。

設(shè)置git身份信息

在hexo目錄右鍵git base 輸入:

git config --global user.name "你的用戶名" git config --global user.email "你的郵箱"

在站點(diǎn)配置文件 中加上倉庫地址，注意要加上.git
例如: git@github.com:xuwujing/xuwujing.github.io.git

3.發(fā)布博客

首先新建一篇博文。
如:hexo new post “Hello GitHub”
就會在\source\ _posts 將會看到 Hello GitHub.md 文件。
要發(fā)布的博客放在在\source_posts路徑下。博客推薦使用markdown編輯，后綴名為.md。

在發(fā)布之前，先編輯該博客，寫點(diǎn)描述。

--- title: Hello GitHub date: 2017-10-05 14:50:33 categories: hello tags: [hello,haha] ---

然后輸入:

hexo g 生成靜態(tài)文件 hexo s 本地預(yù)覽

成功之后如下圖:

然后輸入:hexo d 發(fā)布到github上。
成功之后輸入youname.github.io路徑便可以看到該博文了。

四、注冊域名以及綁定到Github上

首先登錄阿里云，搜索域名或者在控制臺找到域名。進(jìn)入之后，首先查詢你要申請的域名，如果查不到就表示可以注冊。域名注冊有很多后綴名，如果可以，推薦.com的。

成功申請域名之后，將域名和Github綁定，Github的IP地址是192.30.252.153或192.30.252.154。所以我們在填寫解析的時候，就解析這個地址。至于Github是怎么找到我們的倉庫的，這個在CNAME設(shè)置。
以下來自百度經(jīng)驗(yàn)
進(jìn)入域名解析之后
點(diǎn)擊【新增解析】；依次填寫相應(yīng)內(nèi)容。
“記錄類型”選擇A；”主機(jī)記錄”填寫www；”解析線路”選擇默認(rèn)；
“記錄值”填寫github提供的IP地址，192.30.252.153或192.30.252.154；
“TTL”默認(rèn)10分鐘，自己可以另行設(shè)置也可；
最后點(diǎn)擊【保存】。

域名成功解析之后，在你Github上面的倉庫中創(chuàng)建CNAME，然后輸入你申請域名的地址。然后你再輸入你的域名就可以訪問Github博客了。

五、錯誤問題解決方案

1. FATAL can not read a block mapping entry; a multiline key may not be an implicit key at line 10, column 1:

檢查_config.yml內(nèi)容，特別注意:后面需要有一個空格。

2.若出現(xiàn)這個錯誤:ERROR Deployer not found : github

則安裝hexo git插件
輸入:npm install hexo-deployer-git –save

3.如果使用CNAME綁定域名之后，上傳博客的時候，會將CNAME中的地址替換為日志，導(dǎo)致無法通過域名訪問。

解決辦法:重新設(shè)置CNAME 中的域名地址。
如果有更好的解決辦法，請私信我。謝謝！

六、參考網(wǎng)址:

Hexo網(wǎng)站搭建: http://opiece.me/2015/04/09/hexo-guide/
https://xuanwo.org/2015/03/26/hexo-intor/
NextT主題使用: http://theme-next.iissnan.com/getting-started.html
NextT后續(xù)配置: http://www.jeyzhang.com/next-theme-personal-settings.html
域名綁定博客: https://jingyan.baidu.com/article/dca1fa6fa1e403f1a5405262.html
Hexo問題解決: http://xuanwo.org/2014/08/14/hexo-usual-problem/

轉(zhuǎn)載于:https://www.cnblogs.com/xuwujing/p/7629965.html

總結(jié)

以上是生活随笔為你收集整理的在Github上面搭建一个自己域名的Hexo博客的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。