给你的blog部署一个评论区(静态blog也可哦)
# 关于valine
它分有国内版的和国外版的,
国内版的国内访问快,但是他的注册复杂
国外版的虽然访问慢,但是能用,估计看完你的文章的时候就出来了(10秒+)
这里讲的是国外版的
## 创建
打开国际版注册https://console.leancloud.app
注册完后点击创建应用—填写完信息(选开发版哦,免费)
打开应用的设置—应用凭证
左侧有三个api,复制下来
打开应用的数据存储-结构化数据,创建2个class,名为Comment和Counter
,class的设置不用动只取名,点击创建
## 网页端引用
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
这个是引用他的js文件,加载在body
或head
中都可
<div id="vcomment" class="comments-area"></div>
<script>
new Valine({
el:'#vcomment',
appId: '填入AppID',
appKey: '填入AppKey',
avatar:'monsterid',
placeholder:"来说一说..."
})
</script>
这个是评论区的代码,加入在html中,你评论区要放哪,这个代码就放哪
将上面获取的api分别填入其中(第三个api没用可以不填)
好了,赶快去网站试试有没有用吧!
通过验证以显示评论区