
Valine评论插件
2021/7/25...大约 2 分钟
vuepress-theme-reco主题
安装
npm
npm install valine --save
yarn
yarn add -D valine
获取AoppID和AppKey
登陆
或注册
LeanCloud,进入控制台创建应用:
填写好应用名称后选择开发版,不够选现有class,填写好描述
按照下图来查看AppID和AppKey
配置valine
在config.js
的themeConfig
中加入以下代码,将AppID和AppKey改成刚刚得到的值
valineConfig: {
appId: 'AppID',// your appId
appKey: 'AppKey', // your appKey
placeholder: "awa这里填写邮箱可以回复到邮箱~图片拖进来可以上传哦~",//评论框内的字
requiredFields: ['nick','mail'], //必要值
lang: 'zh-CN',
notify: true, //邮箱提醒
verify: false, //验证码服务
visitor: true, //阅读量统计
recordIP: false, //记录评论者ip
enableQQ: true, //强制拉取QQ头像
background: '/background.jpg' //背景图
},
其他配置项请参考Valine
作为插件使用
快速应用
npm
npm install --save vuepress-plugin-comment
yarn
yarn add vuepress-plugin-comment -D
配置插件
在config.js
中加入
plugins: [
[
'vuepress-plugin-comment',
{
choosen: 'valine',
// options选项中的所有参数,会传给Valine的配置
options: {
el: '#valine-vuepress-comment',
appId: 'Your own appId',
appKey: 'Your own appKey'
}
}
]
]
修改appID和appKey,其他配置参考Valine
评论数据管理
由于Valine 是无后端评论系统,所以也就没有开发评论数据管理功能。请自行登录Leancloud
应用管理。
具体步骤:登录
>选择你创建的应用
>数据储存
>创建Class
Comment
,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~
