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

1. 什么是 Valine

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

• Github：https://github.com/xCss/Valine
• 官網(wǎng)：https://valine.js.org/

特點(diǎn)：

• 快速
• 安全
• Emoji 😉
• 無后端實(shí)現(xiàn)
• MarkDown 全語法支持
• 輕量易用
• 文章閱讀量統(tǒng)計(jì) v1.2.0+

2. 接入 Hexo

1. 獲取APP ID 和 APP Key

請(qǐng)先登錄或注冊(cè) LeanCloud, 進(jìn)入控制臺(tái)后點(diǎn)擊左下角創(chuàng)建應(yīng)用：

創(chuàng)建完成后可以看到我們剛創(chuàng)建的應(yīng)用

我們點(diǎn)擊進(jìn)入，查看左側(cè)邊欄的設(shè)置中的應(yīng)用憑證部分，就能看到你的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:

更多自定義配置項(xiàng)可以查看：配置項(xiàng) | Valine 一款快速、簡潔且高效的無后端評(píng)論系統(tǒng)。

3. 測試

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

評(píng)論的數(shù)據(jù)存在leancloud應(yīng)用中：

4. 注意事項(xiàng)

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

---
title: 標(biāo)簽頁
date: 2022-02-01 14:23:54
type: "tags"
comments: false
---

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。