vuepress-theme-reco主题

安装

npm

npm install valine --save

yarn

yarn add -D valine

获取AoppID和AppKey

登陆或注册 LeanCloud (opens new window),进入控制台创建应用：

填写好应用名称后选择开发版，不够选现有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 (opens new window)

作为插件使用

快速应用

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 (opens new window)

评论数据管理

由于Valine 是无后端评论系统，所以也就没有开发评论数据管理功能。请自行登录Leancloud应用管理。

具体步骤：登录>选择你创建的应用>数据储存>创建Class Comment，然后就可以尽情的发挥你的权利啦(～￣▽￣)～

参考文档

Valine (opens new window)