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文件底部加上<Valine></Valine>即可


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




END

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。