

简介
Valine 诞生于2017年8月7日,是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。
理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。
手机用户请
横屏获取最佳阅读体验,REFERENCES中是本文参考的链接,如需要链接和更多资源,可以加入『知识星球』获取长期知识分享服务。
v1.2.0+请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用:

.
应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key,然后就能看到你的APP ID和APP Key了:

.
修改初始化对象中的appId和appKey的值为上面刚刚获取到的值即可(其他可以默认)。
<head>
..
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
...
</head>
<body>
...
<div id="vcomments"></div>
<script>
new Valine({
el: '#vcomments',
appId: 'Your appId',
appKey: 'Your appKey'
})
</script>
</body>
修改初始化对象中的appId和appKey的值为上面刚刚获取到的值即可(其他可以默认)。
new Valine({
el: '#vcomments' ,
appId: 'Your appId',
appKey: 'Your appKey'
});
Valine 现已发布到npm,可以直接用命令安装:
# Install valine
npm install valine --save
组件配置
// Use import
import Valine from 'valine';
// or Use require
const Valine = require('valine');
new Valine({
el:'#vcomments',
// other config
})
由于Valine 是无后端评论系统,所以也就没有开发评论数据管理功能。请自行登录Leancloud应用管理。
具体步骤:登录>选择你创建的应用>存储>选择Class Comment,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~

.
当然,你也可以配合 @DesertsP 开发的 Valine-Admin 进行
评论数据管理
为了你的数据安全,请设置自己的安全域名:

.
更多配置参见
https://valine.js.org/configuration.html

.

.
作为一个组件,其作用很简单,就是可以让前端开发直接脱离后端数据存储API完成前端的产品开发。LeanCloud 数据存储服务。你可以通过使用其提供的 SDK,一行后端代码都不用写,而快速完成一个产品(网站或应用)的开发和发布。
LeanCloud 对大部分场景下的后端需求进行了抽象和统一,通过四大系统来实现一个通用、强大、可定制的 BaaS(Backend as a Service)服务:
更多参见 https://leancloud.cn/docs/storage_overview.html#hash1764147289
https://valine.js.org/quickstart.htmlhttps://leancloud.cn/docs/leaderboard-quick-start-js.html