Hexo騷操做：主題配置|搜索|評論|統計|圖牀

前言

相信各位在看過上一篇blog手把手教你使用hexo搭建屬於你的我的博客後已經初步搭建了屬於本身的博客，不過細心的你可能已經發現這樣的博客仍是缺點什麼，如今就來講說Hexo的騷操做:添加主題、統計、評論等等等等。

---

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

• 添加個性化主題
• 在github保存Hexo
• 添加評論系統
• 添加搜索與統計
• 添加圖牀

1、添加個性化主題

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

進入你的Hexo根目錄右鍵選擇Git Bash Here,在命令行中輸入

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

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

這時候就可使用調試模式來查看一下主題了:

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

發現沒有什麼問題就可使用hexo d進行發佈了,Next主題有他的官方文檔,一些基本的設置均可以在上面找的，這裏就不贅述了。

2、在github保存Hexo

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

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

3、爲Hexo添加評論系統

官方文檔裏推薦了好多個評論系統,一路用過來發現DISQUS被牆了,網易雲跟帖跟多說關閉服務了。如今還比較好用的就剩下來必力跟暢言了,而且咱們選擇的Next昨天還很貼心的集成了這兩個評論系統。

• 添加來必力
  1.註冊來必力,註冊過程當中可能會冒出一些棒子語言，讓咱們使用直覺註冊好後點擊個人頁面-->代碼管理-->data-uid

2.複製咱們的這個id,粘貼到主題配置文件livere_uid選項後面

這時你再從新部署你的Hexo,是否是已經有了來必力評論系統

• 添加暢言
  暢言的UI感受比來必力清爽一些，可是註冊的過程須要ICP備案號,這個比較麻煩

1.註冊暢言,進入帳戶管理-->後臺總覽-->暢言祕鑰

2.複製暢言祕鑰，粘貼到主題配置文件changyan後面

4、爲Hexo搜索與統計

搜索與統計都比較簡單，官方文檔有詳盡的明細,統計推薦不蒜子，簡單粗暴。
搜索的話我使用的是本地搜索，即Local Search。他的原理是在你本地生成一個xml文件,搜索的時候對這個文件進行檢索。下面說說安裝步驟
1.執行下面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

5、爲Hexo添加圖牀

之後寫博客避免不了經常使用圖片,但是Github Pages是有容量限制的,總不能所有都做爲靜態文件進行上傳吧。這裏推薦一個好評的七牛雲圖牀。七牛雲不是免費的，但每一個用戶有10GB免費存儲，每個月10GB免費下載流量,對於博客使用來講夠了。使用方法:
1.打開連接並註冊,單機 對象存儲-->建立空間。

2.當咱們使用圖片時。須要先上傳到七牛,而後複製外鏈,以後就能夠在MarkDown文章中使用了。

3.每次這樣獲取圖片連接,相信你必定會很煩的。這裏有一個針對七牛的小工具Mpic。簡化了這一步驟,相信你必定會愛上他的。

---

本文做者： catalinaLi
本文連接： http://catalinali.top/2017/se...版權聲明： 原創文章，有問題請評論中留言。非商業轉載請註明做者及出處。