前言

簡潔，方便，好用的評論系統

Valine

附帶折騰一上午的踩坑經驗

Valine簡介

Hexo的評論系統有很多，常見的有以下幾個

• 多說
• 網易雲跟帖
• 暢言
• 來必力（LiveRe）
• Disqus
• Hypercomments
• valine

首先多說和網易雲已經倒下了，其次暢言需要備案，Disqus，Hypercomments和LiveRe都是國外的，載入速度賊慢，甚至有被牆的可能，尋覓了很久之後，從Material主題換成next主題之後，終於找到了一個好用的評論系統，那就是 valine

我使用的是Next 5.1.3版本，本身就已經集成了valine，因此正常情況下是按照官方文件走就可以了，5分鐘開啟你的評論系統~

開啟Valine

註冊Leancloud

我們的評論系統其實是放在Leancloud上的，因此首先需要去註冊一個賬號

註冊完以後需要建立一個應用，名字可以隨便起，然後 進入應用->設定->應用key

獲取你的appid 和 appkey 如圖所示：

拿到你的appid和appkey之後，開啟主題配置檔案 搜尋 valine，填入appid 和 appkey

我的配置：

valine:
  enable: true
  appid:  your app id
  appkey: your app key
  notify: false # mail notifier , https://github.com/xCss/Valine/wiki
 

  verify: false # Verification code
  placeholder: ヾﾉ≧∀≦)o來啊，快活啊! 
  guest_info: nick,mail,link
  pageSize: 10

最後！記得在Leancloud -> 設定 -> 安全中心 -> Web 安全域名 把你的域名加進去

重新整理一下~ 是不是就能看到評論框了？

結尾彩蛋

如果能正常使用，那麼恭喜大家。

如果大家遇到問題了，那麼可以請繼續往下看：

這是 5.1.3版本 的配置檔案

valine:
  enable: true
  appid: 
  appkey: 
  notify: false
 
 # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: ヾﾉ≧∀≦)o來啊，快活啊! 

這是 6.0.1版本 的配置檔案:

valine:
  enable: true
  app_id: 
  app_key: 
  notify: false # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: ヾﾉ≧∀≦)o 來呀！快活呀！~
  avatar: mm # gravatar style
  guest_info: nick,mail,link # custom comment header
  pageSize: 10 # pagination size

看到區別了嗎，app_id 和 app_key 這兩個欄位名是不一樣的，如果欄位名不對，那麼是不會去載入Valine.min.js檔案，也就是評論系統根本不會生效。這個問題折騰了一上午，最後還是聯絡作者才解決。

因此，在這裡我要給作者打call：

歡迎加入Valine交流群: 480972291

漫漫長夜~又水完了一篇部落格。。

說明

其實我的個人部落格已經提交了百度搜索資源平臺以及谷歌搜尋，但是無奈百度不收錄。

這個是谷歌搜尋我的部落格的結果：

這個是百度搜索我的部落格的結果：

沒有對比就沒有傷害，不過這也說明，CSDN在百度的權重還是很高的，以後還是個人部落格和CSDN同步發文章吧~

參考