为博客添加Valine评论系统

一、注册Leancloud获得appid和appKey

1.登录或注册Leancloud

点击这里登录或注册Leancloud.

2.创建应用

点击这里创建应用,应用名称随意.
在这里插入图片描述

二、在网页需要加上评论的位置贴上下面一段代码

<!-- Valine 评论 start  -->
<!--评论显示区,请插入合适的位置-->
<div id="comment"></div>
<!--Leancloud 操作库:-->
<script src="//cdn1.lncld.net/static/js/3.6.1/av-min.js"></script>
<!--Valine 的核心代码库-->
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<!-- 引入一个生产md5的js,用于对id值进行处理,防止其过长 -->
<script src="{{ site.baseurl }}/js/md5.min.js"></script>
<script>
    new Valine({
        el:'#comment',
        path: md5(location.pathname),
        appId: 'hvyY9aIUsoAlC1VALz0JcGnS-gzGzoHsz',
        appKey: 'GPN9Kh52t3sOwThwYCsYNkkA',
        placeholder: 'ヾノ≧∀≦)o快来评论一下吧!',
        avatar:''
    });
</script>
<!-- Valine end  -->

三、运行网页观察效果

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值