使用hexo搭建github我的博客網站

搭建步驟：

1>Mac或win電腦一臺，本文以mac爲例。

2>下載安裝Git和Node

3>安裝hexo

4>註冊登陸GitHub,建立一個倉庫，庫名格式爲：GitHub用戶名.github.io

5>購買域名，本文以阿里云爲例，解析域名。

6>博客主題，標題，界面設置

---

安裝Git

下載地址：https://git-scm.com/download/

安裝Node

下載地址：http://nodejs.cn/download/

驗證是否安裝成功：

安裝hexo

//安裝hexo
&:npm install hexo-cli -g //建立本地博客,「GitHub用戶名.github.io」建議和GieHub倉庫名一致 hexo init GitHub用戶名.github.io 例如： &：hexo init 1170197998.github.io //進入到安裝目錄 &：cd 1170197998.github.io/ //安裝npm &：npm install //啓動服務 &；hexo server

 

至此，在瀏覽器地址欄鍵入http://localhost:4000/，便可訪問本地博客

---

安裝hexo-server

npm install hexo-server --save npm install hexo --save

登陸GitHub建立一個名字爲1170197998.github.io的倉庫，

打開本地博客目錄1170197998.github.io中的_config.yml，加入倉庫地址，以下：

deploy: type: git repo: https://github.com/1170197998/1170197998.github.io.git branch: master

• 1
• 2
• 3

生成的靜態文件 (public文件夾)，部署服務

//生成靜態文件 &:hexo generate //部署服務 &:hexo deploy

• 1

把這個文件夾裏面的內容上傳到剛剛新建的倉庫裏面

此時訪問1170197998.github.io能夠訪問博客

---

購買域名，綁定域名，登陸阿里雲控制檯進行域名解析操做以下

查看github空間服務IP：

ping 1170197998.github.io

• 1

• 1

在source文件下新建一個文件名爲CNAME文件，不要有後綴，輸入域名，保存關閉

而後執行hexo g,hexo d進行生成和部署。此時在瀏覽地址欄鍵入域名就能夠打開博客了

博客基本操做

1>切換博客主題

博客的主題都保存在了themes文件夾下，默認landscape主題，想切換別的主題，終端進入到該文件夾下，進行克隆便可，好比克隆next主題：

&:git clone https://github.com/iissnan/hexo-theme-next themes/next

• 1

• 1

而後到_config.yml中把theme的值由默認的landscape修改成next。

而後執行hexo g,hexo d進行生成和部署命令。此時再登陸域名，主題已經切換。

2>設置博客標題、做者

打開_config.yml，對應填寫title，auther等參數，修改了url參數對應的值之後，即便在地址欄輸入了1170197998.github.io，網頁加載完後會變爲url的值，而後執行hexo g,hexo d進行生成和部署命令。

---

hexo經常使用命令

npm install hexo -g #安裝 npm update hexo -g #升級 hexo init #初始化 簡寫 hexo n "個人博客" == hexo new "個人博客" #新建文章 hexo p == hexo publish hexo g == hexo generate#生成 hexo s == hexo server #啓動服務預覽 hexo d == hexo deploy#部署 服務器 hexo server 會監視文件變更並自動更新，無須重啓服務器。 hexo server -s #靜態模式 hexo server -p 5000 #更改端口 hexo server -i 192.168.1.1 #自定義 IP hexo clean #清除緩存 網頁正常狀況下能夠忽略此條命令，清除了db_json文件和public文件夾 hexo g #生成靜態網頁 hexo d #開始部署 監視文件變更 hexo generate #使用 Hexo 生成靜態文件快速並且簡單 hexo generate --watch #監視文件變更 完成後部署 hexo generate --deploy hexo deploy --generate or: hexo deploy -g hexo server -g 草稿 hexo publish [layout] <title>

 

---

可能會遇到的問題：

1>出現：

FATAL Cannot find module '/Users/xxxxxxx/GitHubBlog/1170197998.github.io/node_modules/hexo-renderer-marked' Error: Cannot find module '/Users/xxxxxxx/GitHubBlog/1170197998.github.io/node_modules/hexo-renderer-marked' at Function.Module._resolveFilename (module.js:485:15) at Function.resolve (internal/module.js:18:19)

 

多是安裝hexo的時候沒有執行npm install，執行以下命令：

&：rm -rf node_modules
&：npm install

• 1
• 2

• 1
• 2

2>ERROR Deployer not found : github的問題解決辦法

先執行：
npm install hexo-deployer-git --save 而後執行： hexo g hexo d 

• 1
• 2

3>發佈博客後設置分類和標籤

在文章的頂部tags和categories中這樣寫所屬分類和對應的標籤，例如：

tags: [iOS,鏈式編程和函數式編程] categories: [iOS_Objective-C] 備註：單個分類或者標籤不須要用中括號[],多個的時候用[]括起來，英文逗號隔開。

 

4>加入搜索功能

使用的是Local Search, 首先安裝hexo-generator-searchdb <要在當前博客目錄下>

npm install hexo-generator-searchdb --save

• 1

• 1

而後在博客目錄下的_config.xml裏面加入如下字段

search:
  path: search.xml
  field: post format: html limit: 10000

 

同時要把主題目錄下的_config.xml文件中的local_search的enable設置爲true

local_search:
  enable: true

• 1
• 2

• 1
• 2

5>加入百度統計功能

註冊登陸百度統計，把統計腳本id複製到主題next下的配置文件_config.xml中的baidu_analytics字段後

6>加入評論功能

註冊登陸網易雲跟帖，將yunTieProductKey放到主題next下的配置文件_config.xml中的gentie_productKey字段後