【个人博客搭建及配置五】评论系统
导读：
分类：技术干货
题目：评论系统
史上最全个人博客搭建教程系列...
博客使用valine作为评论工具，原因是他使用简介，体积轻量，灵活配置，速度很快！
01
注册LeanCloud
valine借助了LeanCloud的力量，所以需要LeanCloud的APP ID 和 APP Key
首先注册和登录LeanCloud
创建一个应用：
应用创建好以后，进入刚刚创建的应用，选择左下角的设置>应用Key，然后就能看到你的APP ID和APP Key了：
02
代码
将如下代码插入你的文章模板中
<head>...-
<scriptsrc="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script> -
<scriptsrc='//unpkg.com/valine/dist/Valine.min.js'></script> ...</head><body>...-
<divid="vcomments"></div> -
<script> -
newValine({ el:'#vcomments',appId:'<API_ID>',appKey:'<API_Key>'-
}) -
</script> </body>
03
数据管理
配置好这些，等待两分钟，就可以在文章里使用你的评论啦。
由于Valine 是无后端评论系统，所以也就没有开发评论数据管理功能。
可以在leanCloud中管理评论
登录>选择你创建的应用>存储>选择Class Comment04
安全域名
为了数据安全，在leanCloud中配置你的安全域名
配置项
Valine还有一些其他的配置项
newValine({el:'#vcomments',appId:'<APP_ID>',appKey:'<APP_KEY>',notify:false,verify:false,avatar:'mm',placeholder:'just go go'});placeholder类型:String默认值:Just go go必要性:false评论框占位提示符。notify类型:Boolean默认值:false必要性:false评论回复邮件提醒，请参考配置。verify类型:Boolean默认值:false必要性:false验证码服务。path类型:String默认值:window.location.pathname必要性:false当前文章页路径，用于区分不同的文章页，以保证正确读取该文章页下的评论列表。可选值：window.location.pathname (默认值，推荐)window.location.href自定义I.请保证每个文章页路径的唯一性，否则可能会出现不同文章页下加载相同评论列表的情况。II.如果值为window.location.href，可能会出现随便加不同参数进入该页面，而被判断成新页面的情况。avatar类型:String默认值:mm必要性:falseGravatar头像展示方式。可选值：''(空字符串)mpidenticonmonsteridwavatarretrorobohashhide更多信息，请查看头像配置。meta类型:Array默认值:['nick','mail','link']必要性:false评论者相关属性。pageSize类型:Number默认值:10必要性:false评论列表分页，每页条数。lang类型:String默认值:zh-cn必要性:false多语言支持。可选值：zh-cnen如需自定义语言，请参考i18n。visitor类型:Boolean默认值:false必要性:false文章访问量统计。highlight类型：Boolean默认值:true必要性:false代码高亮，默认开启，若不需要，请手动关闭avatarForce类型:Boolean默认值:false必要性:false
举报
腾讯云开发者
