前言

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

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

效果圖:

一、配置Hexo環境

1.下載并安裝git

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

2. 下載并安裝Node.js

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

3. 配置hexo

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

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

hexo命令簡單介紹

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

3，進入Git Bash，輸入hexo init 初始化倉庫

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

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

注:因為我已經配置好了NexT主題，所以顯示的是該主題。正常會顯示的Hexo默認的主題，借用了網上的一張貼圖作為范例。

二、Hexo的相關配置

1.啟用NexT主題

在成功配置完環境之后，hexo的目錄結構如下。

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

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

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

2.NexT相關配置

外觀設置

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

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

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

語言設置

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

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

菜單設置

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

NexT 默認的菜單項有（標注 的項表示需要手動創建這個頁面）：
鍵值 設定值 顯示文本（簡體中文）

home home: / 主頁 archives archives: /archives 歸檔頁 categories categories: /categories 分類頁 tags tags: /tags 標簽頁 about about: /about 關于頁面 commonweal commonweal: /404.html 公益 404

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

其它設置

頭像設置

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

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

百度統計

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

社交鏈接

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

標簽分類

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

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

三、Hexo關聯github以及將本地博客上傳

1. 在github上面創建倉庫

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

2，創建成功之后，點擊該倉庫，選擇setting，然后拖到GitHub Pages界面來, 然后選擇Choose a theme，隨便選擇一個主題之后。再次點擊setting來到GitHub Pages來，可以發現出現了一個路徑，訪問該路徑，便可以訪問所設置的倉庫的界面了。
注: 因為我已經成功設置了。所以使用一個test測試倉庫，用于截圖和說明。實際倉庫名稱不要使用這種！！！

2.Hexo關聯Github

這個就和之前關聯倉庫的步驟差不多。

設置git身份信息

在hexo目錄右鍵git base 輸入:

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

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

3.發布博客

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

在發布之前，先編輯該博客，寫點描述。

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

然后輸入:

hexo g 生成靜態文件 hexo s 本地預覽

成功之后如下圖:

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

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

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

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

域名成功解析之后，在你Github上面的倉庫中創建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內容，特別注意:后面需要有一個空格。

2.若出現這個錯誤:ERROR Deployer not found : github

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

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

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

六、參考網址:

Hexo網站搭建: 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后續配置: 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/

轉載于:https://www.cnblogs.com/xuwujing/p/7629965.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。