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

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

应用创建好以后，进入刚刚创建的应用，选择左下角的

的值为上面刚刚获取到的值即可 (其他可以默认)。

<head>
    ..
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    ...
</head>
<body>
    ...
    <div></div>
    <script>
        new Valine({
            el: '#vcomments',
            appId: 'Your appId',
            appKey: 'Your appKey'
        })
    </script>
</body>



的值为上面刚刚获取到的值即可 (

new Valine({
    el: '#vcomments' ,
    appId: 'Your appId',
    appKey: 'Your appKey'
});



# 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 是无后端评论系统，所以也就没有开发评论数据管理功能。请自行登录

，然后就可以尽情的发挥你的权利啦 (～￣▽￣)～

当然，你也可以配合 [@DesertsP](https://github.com/DesertsP) 开发的 Valine-Admin 进行评论数据管理

为了你的数据安全，请设置自己的

打开主题配置文件，参考下方数据进行配置：

Valine 支持两种不同的初始化方式。一种是构造方法初始化对象，另一种是调用

<script>
    new Valine({
        el:'#vcomment',
        appId: 'Your appId',
        appKey: 'Your appKey'
    })
</script>


<script>
    var valine = new Valine();
    valine.init({
        el:'#vcomment',
        appId: 'Your appId',
        appKey: 'Your appKey'
    })
</script>

类型:String
默认值:`null`
必要性:`true`

Valine 的初始化挂载器。可以是一个`CSS 选择器`，也可以是一个实际的`HTML元素`。

类型:String
默认值:`null`
必要性:`true`

从`LeanCloud`的应用中得到的`appId`.

类型:String
默认值:`null`
必要性:`true`

从`LeanCloud`的应用中得到的`appKey`.

类型:String
默认值:`cn`
必要性:`false`

存储节点：在`Valine`中初始化时默认遵循`Leancloud SDK`的节点规则 (`默认中国大陆节点`)。

Leancloud js-sdk 从 v3.8.0版本开始删除了region选项:leancloud/javascript-sdk/releases/tag/v3.8.0

类型:String
默认值:`Just go go`
必要性:`false`

评论框`占位提示符`。

类型:Boolean
默认值:`false`
必要性:`false`

类型:String
默认值:`window.location.pathname`
必要性:`false`

当前`文章页`路径，用于区分不同的`文章页`，以保证正确读取该`文章页`下的评论列表。
可选值：

`window.location.pathname` (默认值，推荐)
`window.location.href`
`自定义`

I. 请保证每个文章页路径的唯一性，否则可能会出现不同文章页下加载相同评论列表的情况。如果值为window.location.href，可能会出现随便加不同参数进入该页面，而被判断成新页面的情况。

类型:String
默认值:`mp`
必要性:`false`

`Gravatar` 头像展示方式。

可选值：

`''`(空字符串)
`mp`
`identicon`
`monsterid`
`wavatar`
`retro`
`robohash`
`hide`

类型:Array
默认值:`['nick','mail','link']`
必要性:`false`

类型:Number
默认值:`10`
必要性:`false`

类型:String
默认值:`zh-CN`
必要性:`false`

多语言支持。

可选值：

`zh-CN`
`zh-TW`
`en`
`ja`

类型：Boolean
默认值: `true`
必要性: `false`

，默认开启，若不需要，请手动关闭

类型: Boolean
默认值: `false`
必要性: `false`

每次访问`强制`拉取最新的`评论列表头像`

不推荐设置为true，目前的评论列表头像会自动带上Valine的版本号

类型: Boolean
默认值: `false`
必要性: `false`

类型: String
默认值: `http[s]://[tab/us].avoscloud.com`
必要性: `false`

⚠️ 该配置适用于国内自定义域名用户, 海外版本会自动检测 (无需手动填写) v1.3.10+

类型: String
默认值:
必要性: `false`

类型: Object
默认值: `null`
必要性: `false`

类型: Array
默认值: `[]`
必要性: `false`

设置`必填项`，默认`匿名`，可选值：

`['nick']`
`['nick','mail']`

获取 APP ID 和 APP Key

HTML 片段

配置

npm

评论数据管理

安全域名

配置Valine

el

appId

appKey

region

placeholder

notify

verify

path

avatar

meta

pageSize

lang

visitor

highlight

avatarForce

recordIP

serverURLs

emojiCDN

emojiMaps

enableQQ

requiredFields

头像配置

最终效果

leancloud后台查看并管理用户评论