【我的博客搭建及配置六】评论系统

时间 2020-02-07 标签我的博客搭建及配置六评论系统

博客使用valine做为评论工具，缘由是他使用简介，体积轻量，灵活配置，速度很快！后端

1.注册LeanCloud

valine接住了LeanCloud的力量，因此须要LeanCloud的APP ID 和 APP Key安全

首先注册和登陆LeanCloudapp

建立一个应用：ide

应用建立好之后，进入刚刚建立的应用，选择左下角的设置>应用Key，而后就能看到你的APP ID和APP Key了：工具

代码

将以下代码插入你的文章模板中spa

<head>
    ...
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    ...
</head>
<body>
    ...
    <div id="vcomments"></div>
    <script>
        new Valine({
            el: '#vcomments',
            appId: '<API_ID>',
            appKey: '<API_Key>'
        })
    </script>
</body>

配置好这些，等待两分钟，就能够在文章里使用你的评论啦。.net

数据管理

因为Valine 是无后端评论系统，因此也就没有开发评论数据管理功能。code

能够在leanCloud中管理评论cdn

登陆>选择你建立的应用>存储>选择Class Comment

安全域名

为了数据安全，在leanCloud中配置你的安全域名blog

配置项

Valine还有一些其余的配置项

new Valine({
    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
必要性:false
Gravatar 头像展现方式。

可选值：

''(空字符串)
mp
identicon
monsterid
wavatar
retro
robohash
hide
更多信息，请查看头像配置。

meta
类型:Array
默认值:['nick','mail','link']
必要性:false
评论者相关属性。

pageSize
类型:Number
默认值:10
必要性:false
评论列表分页，每页条数。

lang
类型:String
默认值:zh-cn
必要性:false
多语言支持。

可选值：

zh-cn
en
如需自定义语言，请参考i18n。

visitor
类型:Boolean
默认值:false
必要性:false
文章访问量统计。

highlight
类型：Boolean
默认值: true
必要性: false
代码高亮，默认开启，若不须要，请手动关闭

avatarForce
类型: Boolean
默认值: false
必要性: false