如果你想在某个网页或者文章页中使用Valine,请参照以下步骤配置

获取APP ID 和 APP Key

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

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

HTML 片段

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

<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="vcomments"></div>
    <script>
        new Valine({
            el: '#vcomments',
            appId: '<API_ID>',
            appKey: '<API_Key>'
        })
    </script>
</body>

配置

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

new Valine({
    el: '#vcomments' ,
    appId: '<APP_ID>',
    appKey: '<APP_KEY>',
    notify:false, 
    verify:false, 
    avatar:'mm', 
    placeholder: 'just go go' 
});

npm

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

# Install leancloud's js-sdk
npm install leancloud-storage --save
# Install valine
npm install valine --save

// Register AV objects to the global
window.AV = require('leancloud-storage');

// Use import
import Valine from 'valine';
// or Use require
const Valine = require('valine');

new Valine({
    el:'#vcomments',
    // other config
})

评论数据管理

由于Valine 是无后端评论系统,所以也就没有开发评论数据管理功能。请自行登录Leancloud应用管理。

具体步骤:登录>选择你创建的应用>存储>选择Class Comment,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~

当然,你也可以配合 @panjunwen 开发的 Valine-Admin 进行评论数据管理

安全域名

为了你的数据安全,请设置自己的安全域名

设置安全域名

更多信息请查看配置项

© 2017 - 2018
Powered By xCss.