# 评论插件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
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
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
# 相关质料
全量分析 阅读量: