好用的博客评论系统 Valine 使用及避坑指南

待我称王封你为后i 2024-02-17 08:57 7阅读 0赞

> 评论系统，即网站的一个小功能，展示评论内容和用户输入框。开源免费的评论系统可不多，原来很火的"多说"评论系统都关闭了，而Disqus又是国外的访问受限。无意间发现了Valine，挺不错的，分享给大家。

## Valine介绍 ##

官网地址：[介绍 | Valine 一款快速、简洁且高效的无后端评论系统。][_ Valine]

Valine - 一款快速、简洁且高效的无后端评论系统。

Valine 诞生于2017年8月7日，是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。

理论上支持但不限于静态博客，目前已有`Hexo、Jekyll、Typecho、Hugo、Ghost` 等博客程序在使用Valine。

![3654ba8969fc4567acaf419b992026b4.png][]

Valine 目前使用的是[Gravatar][] 作为评论列表头像。但这个有点儿坑，因为这个Gravatar国内访问不到。后面有解决办法。评论的时候，留下所使用的邮箱即可。比如你留下你的qq邮箱，会自动的显示你的qq头像，奇怪的是头像从哪来的？大数据？

## Valine使用 ##

由于Valine是基于LeanCloud服务的，数据都在LeanCloud存储。因此需要注册个LeanCloud才能使用。不过注册很简单，且免费开放版提供的1G存储也差不多够用啦。这里推荐下LeanCloud，也可以用来当做一些小项目的存储云服务。

1.注册Leancloud，获取 APP ID 和 APP KEY

在Leancloud用邮箱注册登录，需要实名制认证，邮箱认证。

2.创建Valine应用

命名为 Valine，方案选择开发版，即可以在一定的用量限制下免费运行。

3.进入创建好的应用>设置>选择应用 Key，就能获取到 App ID 和 App Key。

接下来使用就简单啦，只需要在需要的网页下端加入以下js代码即可：

其中未知名头像都是小怪物（avatar: ‘monsterid’），更多头像选择`mp/identicon/monsterid/wavatar/retro/hide`

![52d950277324416d9f7c9dc61d60b7b9.png][]

存在的问题，评论的头像不显示，这是因为它使用了Gravatar头像服务。这个有个解决办法，是替换使用国内的同样类型的服务就可以啦。推荐Cravatar。

Cravatar（初认头像）为您的网站公开个人资料提供助力，无论您在互联网上的何处发帖、评论或在线互动均可获取。真人、真实、真像好用方便。

地址：[中国公共头像服务CNavatar][CNavatar]

把Valine.min.js中默认访问的[https://gravatar.loli.net/avatar][https_gravatar.loli.net_avatar]

替换为以下内容即可：

https://cravatar.cn/avatar/

## LeanCloud介绍 ##

LeanCloud 是领先的 Serverless 云服务，为产品开发提供强有力的后端支持，旨在帮助开发者降低研发、运营维护等阶段投入的精力和成本。 LeanCloud 整合了各项服务，让开发者能够聚焦在核心业务上，为客户创造更多价值。

它提供了四项产品，分别是 LeanStorage（数据、文件存储及云引擎）、LeanMessage（短信、推送及实时通讯服务）、LeanAnalytics（统计分析服务）、LeanModules（各种其他通用组件）。

官网地址：[LeanCloud][]

使用LeanCloud服务后，访问一些服务变得很简单，如数据存储是云服务提供的核心功能之一，可用于存放和查询应用数据。可以这么用：

// 以下示例如何创建一个对象并将其存入云端。
    // 声明class 
    const Todo = AV.Object.extent('Todo');
    
    // 创建对象
    const todo = new Todo();
    
    // 为属性赋值
    todo.set('title','标题');
    todo.set('content','这是内容');
    
    // 将对象保存到云端
    todo.save().then((todo) => {
    // 成功保存之后，执行其他逻辑
    console.log(`保存成功。objectId:${todo.id}`);
    },(error) => {
    // 异常处理
    });

python使用leanCloud:

# 声明 class
    Todo = leancloud.Object.extend('Todo')
    # 构建对象
    todo = Todo()
    # 为属性赋值
    todo.set('title',   '工程师周会')
    todo.set('content', '周二两点，全体成员')
    # 将对象保存到云端
    todo.save()

详细使用方法参见文档：[LeanCloud 开发者文档][LeanCloud 1]

## 其他的一些博客评论系统 ##

**Waline**

[Waline | Waline][Waline _ Waline]

[Waline][Waline _ Waline] 是一款从 [Valine][Waline _ Waline] 衍生的带后端评论系统。可以将 Waline 等价成 With [backend][] Valine.它的强大的自由度吸引力我。这里不多介绍，详细请浏览 https://waline.js.org

##### Livere（来必力） #####

https://livere.com

**畅言云评**

云评论支持各种类型的Web网站接入，网站只需要粘贴、复制JS代码到网页的任意位置，或者复制代码到模板中，云评论评论框将在所有网页自动出现。这个也有免费版本，就是免费版本的广告太多。听说有lite免广告版本，感兴趣的可以试试。

https://changyan.kuaizhan.com/

![9dce554d69d047069e1a278c56ae7f4e.png][]

**Discuss**

**Discuss**是一款简单，安全，免费的评论系统，仅提供基础的评论功能，并没有过多的功能

这可以使得 **Discuss** 可以融合进其它项目，甚至可以方便而再此基础上进行二次开发。

这个功能也挺强大，就是使用上后台端需要自己部署服务。

https://discuss.js.org/

![e58db910d1624fca8d7ef2176afd3dab.png][]

## 其他资源 ##

[头像配置 | Valine 一款快速、简洁且高效的无后端评论系统。][_ Valine 1]

[https://discuss.js.org/Quick-Start.htm][https_discuss.js.org_Quick-Start.htm]

[LeanCloud][]

[Valine - 一款快速、简洁且高效的无后端评论系统\_valine配置-CSDN博客][Valine - _valine_-CSDN]

[【精选】LeanCloud基本使用\_leancloud使用说明-CSDN博客][LeanCloud_leancloud_-CSDN]

[http://demo.sucaihuo.com/modals/6/622/demo/][http_demo.sucaihuo.com_modals_6_622_demo]

[Waline | Waline][Waline _ Waline]

[_ Valine]: https://valine.js.org/
[3654ba8969fc4567acaf419b992026b4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/32211abbc5884ce493005e97a3d3d6f5.png
[Gravatar]: http://cn.gravatar.com/
[52d950277324416d9f7c9dc61d60b7b9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/4fe24a58ad724d1daf7df69066b6c0d8.png
[CNavatar]: https://www.cnavatar.com/
[https_gravatar.loli.net_avatar]: https://gravatar.loli.net/avatar
[LeanCloud]: https://www.leancloud.cn/
[LeanCloud 1]: https://docs.leancloud.cn/
[Waline _ Waline]: https://waline.js.org/
[backend]: https://so.csdn.net/so/search?q=backend&spm=1001.2101.3001.7020
[9dce554d69d047069e1a278c56ae7f4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/11ea7dc0f1954a388f96bcf3761a5aff.png
[e58db910d1624fca8d7ef2176afd3dab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/ac562616418d47c2b93a357022a0bc0d.png
[_ Valine 1]: https://valine.js.org/avatar.html
[https_discuss.js.org_Quick-Start.htm]: https://discuss.js.org/Quick-Start.htm
[Valine - _valine_-CSDN]: https://blog.csdn.net/cungudafa/article/details/104281764
[LeanCloud_leancloud_-CSDN]: https://blog.csdn.net/weixin_52582699/article/details/120451606
[http_demo.sucaihuo.com_modals_6_622_demo]: http://demo.sucaihuo.com/modals/6/622/demo/