front-pic2

前言

相信各位在看過上一篇blog手把手教你使用hexo搭建屬于你的個人博客后已經初步搭建了屬于自己的博客，不過細心的你可能已經發(fā)現這樣的博客還是缺點什么，現在就來說說Hexo的騷操作:添加主題、統(tǒng)計、評論等等等等。

承接上篇最后說過的:根目錄下的_config.yml叫做站點配置文件，主題下文件夾的_config.yml叫做主題配置文件。好了,現在進入正題，今天我們要對Hexo進行一些脫胎換骨的操作，讓你從內到外了解Hexo，要完成的操作如下：

• 添加個性化主題
• 在github保存Hexo
• 添加評論系統(tǒng)
• 添加搜索與統(tǒng)計
• 添加圖床

一、添加個性化主題

Hexo默認的主題可能滿足不了你的胃口，我們這里選擇換一個更加個性化的主題，首先先去挑一個你心儀的主題:傳送門。大家也可以自行尋找一些主題。這里使用人氣最高的Next主題為例：
1.安裝主題
打開github下載地址，clone下載地址

buildHexo2_1

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

這時在我們的theme文件夾下就會有一個名next的主題文件夾。
2.配置主題
進入站點配置文件,找到theme選項，后面填寫你要使用的主題名字。這里再次強調一下,_config.yml使用的是YAML語法。選項后面要先加一個空格才能填值，遇到無法解決的問題不妨對格式進行校驗。

buildHexo2_2

hexo clean #清除緩存
hexo g #自動生成靜態(tài)頁面,hexo generate的縮寫
hexo s --debug #調試模式,在瀏覽器進入http://localhost:4000/進行訪問

發(fā)現沒有什么問題就可以使用hexo d進行發(fā)布了,Next主題有他的官方文檔,一些基本的設置都可以在上面找的，這里就不贅述了。

二、在github保存Hexo

當你慢慢了解Hexo以后，不知你是否會有這樣的想法:當我換了一臺電腦，我該怎樣繼續(xù)更新的我blog。查閱了眾多資料后找到了我心中答案:傳送門。我們要用的就是知乎中1樓的這個高亮答案。過程他已經說的很清楚了，但是這里我要說幾個我遇到的坑:

• 在明白了答主的步驟后，我們發(fā)現剛才的主題是用git拉下來的,那么Next主題文件夾下就會有一個.git的隱藏文件夾,這個文件會影響我們對博客文件的提交，所以我們要首要的一步是刪除Next文件夾下隱藏的.git文件夾
• 這篇文章樓下答主KOKO所說的內容。在我們拉下來倉庫以后會生成一個.git文件夾。這個文件夾記錄了我們所對應github的分支。然而在進行了hexo命令操作以后會覆蓋這個.git文件夾。所以應該提前將這個文件夾備份一下,然后回過頭來進行覆蓋。

三、為Hexo添加評論系統(tǒng)

官方文檔里推薦了好多個評論系統(tǒng),一路用過來發(fā)現DISQUS被墻了,網易云跟帖跟多說關閉服務了?，F在還比較好用的就剩下來必力跟暢言了,并且我們選擇的Next昨天還很貼心的集成了這兩個評論系統(tǒng)。

• 添加來必力
  1.注冊來必力,注冊過程中可能會冒出一些棒子語言，讓我們使用直覺注冊好后點擊我的頁面-->代碼管理-->data-uid
  
  buildHexo2_3
  
  2.復制我們的這個id,粘貼到主題配置文件livere_uid選項后面
  
  buildHexo2_4
  
  這時你再重新部署你的Hexo,是不是已經有了來必力評論系統(tǒng)
• 添加暢言
  暢言的UI感覺比來必力清爽一些，但是注冊的過程需要ICP備案號,這個比較麻煩
  1.注冊暢言,進入賬戶管理-->后臺總覽-->暢言秘鑰
  
  buildHexo2_5
  
  2.復制暢言秘鑰，粘貼到主題配置文件changyan后面
  
  buildHexo2_6

四、為Hexo搜索與統(tǒng)計

搜索與統(tǒng)計都比較簡單，官方文檔有詳盡的明細,統(tǒng)計推薦不蒜子，簡單粗暴。
搜索的話我使用的是本地搜索，即Local Search。他的原理是在你本地生成一個xml文件,搜索的時候對這個文件進行檢索。下面說說安裝步驟
1.執(zhí)行下面2個命令

npm install hexo-generator-search --save
npm install hexo-generator-searchdb --save

2.打開站點配置文件，新增以下內容：

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

3.打開主題配置文件，啟用本地搜索功能：

# Local search
local_search:
  enable: true

五、為Hexo添加圖床

以后寫博客避免不了常常使用圖片,可是Github Pages是有容量限制的,總不能全部都作為靜態(tài)文件進行上傳吧。這里推薦一個好評的七牛云圖床。七牛云不是免費的，但每個用戶有10GB免費存儲，每月10GB免費下載流量,對于博客使用來說夠了。使用方法:
1.打開鏈接并注冊,單機 對象存儲-->創(chuàng)建空間。

buildHexo2_7

buildHexo2_8

本文作者： catalinaLi
本文鏈接： http://catalinali.top/2017/secondBuildHexo/
版權聲明： 原創(chuàng)文章，有問題請評論中留言。非商業(yè)轉載請注明作者及出處。