Hexo快速構建個人小站-Fulid主題下新增Valine評論系統(三)

沛山發表於2020-07-01
Hexo

Hexo目錄：

Hexo快速構建個人小站-Hexo初始化和將專案託管在Github(一)

Hexo快速構建個人小站-自定義域名和自定義主題(二)

 

背景交代：

    前面兩章完成了Hexo的初始化和部分自定義的功能，對於只想展示文章來說也是沒有問題的，但是無法與讀者進行互動，無論讀者對錯誤的反饋還是對優質內容的鼓勵這些統統都不知道，所以我們先給文章加上評論系統，讓讀者有渠道可以反饋，也讓作者對於反饋有一個好的總結，優化改善，循序漸進才能將部落格建設的更好。

    至於評論系統的選擇有很多，available | disqus | valine | gitalk | utterances | changyan | livere，而我使用的是Fluid主題，主題推薦使用Valine或者Utterances，然後結合了下網上對這幾款評論系統的憑藉之後，果斷選取了Valine（就是這麼隨便）

Valine的特點：

  • 無後端實現

  • 高速，使用國內後端雲服務提供商 LeanCloud 提供的儲存服務

  • 開源，自定義程度高

  • 支援郵件通知

  • 支援驗證碼

  • 支援 Markdown

     

一：註冊Leancloud

Valine作為一款第三方的評論系統，評論資料都儲存在Leancloud上，所以第一步我們要去 leancloud官網：https://www.leancloud.cn/ 註冊一個賬戶，註冊完成後現在需要實名認證後才可以建立應用，

 

二：Leancloud上建立應用

建立完成之後在頁面會出現一個如下圖所示的專案；

 

然後在應用-》設定-》應用keys下面可以看到幾個我們所需要的的核心資訊資料:

 

 

為了資料安全，在配置一下Web安全域名

 

 

三：配置主題下的_config.yml

在目錄 thems/fluid/_config.yml 下修改相關資訊。第一步是開啟評論

comments:  # 評論
    enable: true  # 開啟評論
    type: valine  # 指定使用的評論模組

　　

第二步填寫應用Keys相關資訊

# Valine
# 完整文件 https://valine.js.org/configuration.html
# 注意：下列配置項中的 true/false 不要用引號括起來
valine:
  appid:  # 從 LeanCloud 的應用中得到的 appId
  appkey:  # 從 LeanCloud 的應用中得到的 APP Key
  placeholder: 吐槽 # 評論框佔位提示符
  path: window.location.pathname # 當前文章頁路徑，用於區分不同的文章頁，以保證正確讀取該文章頁下的評論列表
  avatar: retro # Gravatar 頭像展示方式
  meta: ['nick', 'mail', 'link']  # 評論者相關屬性
  pageSize: 10 # 評論列表分頁，每頁條數
  lang: zh-CN # zh-CN | zh-TW | en | ja
  highlight: false # 程式碼高亮
  recordIP: false # 是否記錄評論者IP
  serverURLs:  # REST API 伺服器地址，國際版不填

　　

 

配置完成之後可以重啟hexo

hexo clean
hexo g
hexo s

　　

 四：檢視效果

 

來評論下試試：

 

可以看到，評論成功了。整個過程比較簡單，動手試試吧！

 

相關文章