跳转至

快速开始

HTML 片段

请在需要评论框的文章页内相应位置引入下面的HTML代码:

<head>
    ...
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    ...
</head>
<body>
    ...
    <div id="comment"></div>
</body>

获取appid和appkey

请先登录注册 LeanCloud, 进入控制台后点击左下角创建应用

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

Warning

为了您的数据安全,请注意设置自己的安全域名

设置安全域名

配置

修改初始化对象中的appIdappKey的值为上面刚刚获取到的值即可(其他可以默认)。

new Valine({
    el: '#comment' ,
    notify:false, 
    verify:false, 
    appId: '这里填上面获得的appid',
    appKey: '这里填上面获得的appkey',
    placeholder: 'just go go',
    path:window.location.pathname, 
    avatar:'mm' 
});
更多信息请查看配置项

npm安装

Valine 现已发布到npm,可以直接用命令安装:

npm install valine --save

评论数据管理

插播一下,关于评论数据管理,请自行登录Leancloud应用管理。
具体步骤:登录>选择你创建的应用>存储>选择ClassComment
然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~

评论