原创

Valine: 一款快速、简洁且高效的无后端评论系统

 2020年2月7日 20:44
Valine: 一款快速、简洁且高效的无后端评论系统

前言

Valine 诞生于2017年8月7日,是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。

特性

  • 快速
  • 安全
  • Emoji
  • 无后端实现
  • MarkDown 全语法支持
  • 轻量易用(~15kb gzipped)
  • 文章阅读量统计 v1.2.0+

如何使用

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

获取APP ID 和 APP Key

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

5d0c995c86fac81746.jpg

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

5d0c997a60baa24436.jpg

原生JS中使用

<head>
    ..
    <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>

框架中使用

# 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,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~

安全域名

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

5d0c997a60baa24436.jpg