valine's Introduction

Valine

A simple comment system based on Leancloud.

Live Demo

中文教程

High speed.
Safe by default.
Easy to customize.
No server-side implementation.
Support part of the markdown syntax.

Table of content

Installation
Usage
Contributors
Features
License

Installation

1. Quick Installation

⚠️ You must first reference the package AV in the web page
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>

<script src="./dist/Valine.min.js"></script>

<script src="https://panjunwen.github.io/Valine/dist/Valine.min.js"></script>

2. Get App ID/App Key from LeanCloud
Click here to register or login in LeanCloud.
Click here Create new application in LeanCloud, and you will get appId/appKey.

3. Transfer Your Data

Disqus2LeanCloud

4. Administration

Valine Admin

Usage

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Valine - A simple comment system based on Leancloud.</title>
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src="./dist/Valine.min.js"></script>
</head>
<body>
    <div class="comment"></div>
    <script>
      new Valine({
          av: AV,
          el: '#disqus_thread',
          smiles_url: '/smiles',
          app_id: 'Your App ID',
          app_key: 'Your Key',
          placeholder: '老司机来一发吧 O(∩_∩)O~~'
      });
    </script>
</body>
</html>