为博客添加Valine评论系统

发表于 | 分类于 | 热度 ℃
Valine 评论系统

为博客添加Valine评论系统

注册Leancloud获得appid和appKey

登录或注册Leancloud

点击这里登录或注册Leancloud.

创建应用

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- 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="/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  -->

运行网页观察效果

在这里插入图片描述

--------------------------本文结束 感谢您的阅读--------------------------
坚持原创技术分享，您的支持将鼓励我继续创作！