2年前搭建的hexo博客好久沒有維護了，一看 hexo 以及先前使用 butterfly 主題已經更新好幾個版本了，看介紹在速度性能上有了很大的提高，于是打算給 hexo 升個級，整理整理翻翻新。通過閱讀 butterfly 的官方文檔，發現 butterfly 內置功能越來越豐富并且支持了更多的三方功能，本文就帶大家通過Valine實現 hexo 站內的評論留言～

1. 什么是 Valine

Valine 誕生于2017年8月7日，是一款基于LeanCloud的快速、簡潔且高效的無后端評論系統。理論上支持但不限于靜態博客，目前已有Hexo、Jekyll、Typecho、Hugo、Ghost、Docsify 等博客和文檔程序在使用Valine。

• Github：https://github.com/xCss/Valine
• 官網：https://valine.js.org/

特點：

• 快速
• 安全
• Emoji 😉
• 無后端實現
• MarkDown 全語法支持
• 輕量易用
• 文章閱讀量統計 v1.2.0+

2. 接入 Hexo

1. 獲取APP ID 和 APP Key

請先登錄或注冊 LeanCloud, 進入控制臺后點擊左下角創建應用：

創建完成后可以看到我們剛創建的應用

我們點擊進入，查看左側邊欄的設置中的應用憑證部分，就能看到你的APP ID和APP Key了

2. 修改主題配置文件

修改主題目錄下的_config.yml，添加如下配置代碼：

valine:appId: # leancloud application app idappKey: # leancloud application app keyavatar: monsterid # gravatar style https://valine.js.org/#/avatarserverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)bg: # valine backgroundvisitor: falseoption:

更多自定義配置項可以查看：配置項 | Valine 一款快速、簡潔且高效的無后端評論系統。

3. 測試

編輯完成后，在本地hexo站點根目錄執行hexo clean && hexo s重啟博客后，瀏覽器訪問任意文章進行留言測試

評論的數據存在leancloud應用中：

4. 注意事項

在 Hexo 中，評論功能默認在所有頁面都開啟，如果部分頁面我們不需要評論功能，例如分類、標記頁面。我們可以在在站點根目錄下/source/頁面名稱/index.md中通過comments屬性設置true或false控制該頁面或者是文章的評論功能是否打開，如下配置：

---
title: 標簽頁
date: 2022-02-01 14:23:54
type: "tags"
comments: false
---

---
title: 分類頁
date: 2022-02-01 14:29:13
type: "categories"
comments: false
---

總結

以上是生活随笔為你收集整理的Hexo集成Valine实现评论留言的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。