# 评论插件valine一款快速、简洁且高效的无后端评论系统。

Valine是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。

# 使用场景

vuepress搭建的博客,需要评论功能

# vuepress中使用

# 1.安装valine

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

# Install valine
npm install valine --save
1
2
3
4
5

# 2.注册 vuepress 全局组件

创建文件.vuepress/components/Valine.vue

<template>
  <div id="vcomments"></div>
</template>

<script>
export default {
  name: 'Valine',
  mounted: function(){
    // require window 
    const Valine = require('valine');
    if (typeof window !== 'undefined') {
      this.window = window
      window.AV = require('leancloud-storage')
      
    }
     
    new Valine({
      el: '#vcomments' ,
      appId: '',// your appId
      appKey: '', // your appKey
      notify:false, 
      verify:false, 
      avatar:'mm', 
      placeholder: 'just go go' 
    });
  },
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

# 3.使用valine

只需要markdown中调用即可

<Valine></Valine>
1

# 相关质料

valine (opens new window)

全量分析

评 论:

上次更新时间: 11/14/2019, 11:06:00 AM