vuepress中使用评论插件Valine

第一步:

请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用:


应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key,然后就能看到你的APP ID和APP Key了


第二部:

第一种(推荐单页面引用)

首先在.vuepress/theme/components文件夹下新建一个Valine.vue组件

安装:npm install --save valine  或  yarn add valine

html片段



js片段(引用)


此种引用方法开发阶段可行,打包会报错


按照vuepress的引用方式打包则不会报错


js片段(使用)


将Valine.vue 组件引用到想要的地方即可

第二种(推荐多页面引用)

安装:npm install --save vuepress-plugin-comment 或  yarn add vuepress-plugin-comment -D

在.vuepress/config.js 文件中引入插件


appId与appkey填写自己申请的即可


引用完毕后在md文件底部加上即可


获取更即食餐具可参看https://valine.js.org/quickstart.html




END

你可能感兴趣的:(vuepress中使用评论插件Valine)