简介
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.html
https://leancloud.cn/docs/leaderboard-quick-start-js.html