利用Artitalk.js拥有自己的说说页面,可在线发布、删除说说😀

目前效果:

可以参考以下我的配置流程🙌

1. LeanCloud国际版

打开LeanCloud国际版,注册账号,创建应用,这些都说过很多次啦,就不赘述了👀

创建好应用artitalk之后,进入应用设置

选择 存储 - 结构化数据 - _User - 添加行,添加用户名和密码,到时候在线发布说说需要用到。

设置好用户之后,选择 添加列,列名称填img,默认值填说说要使用的头像链接,不设置的话默认为Artitalk的默认头像😀

修改_User的权限,将增删改查的权限都设置为指定用户(刚刚设置的那个用户)

修改完之后权限如下显示

同样地,还需要新建shuoshuo类,也将权限改为与上述相同。

到这里LeanCloud的工作就准备好啦。

❗ 关于设置权限的这几步

这几步一定要设置好,才可以保证不被“闲人”破解发布说说的验证

2. 博客设置

创建artitalk页面,在index.md中做如下设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
---
title: 说说
noDate: true
comments: false
aside: false
top_img: https://gitee.com/shenshilei1022/hugo_image_resource/raw/master/imgs/277.jpg
---
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<body>
{% raw %}
<script>
var appID = "你的LeanCloud应用appID";
var appKEY = "你的LeanCloud应用appKEY";
var per = "5"; //每页显示说说的数量
var username = "shenshilei"; //Leancloud中设置的用户名
var placeholder1="只有shenshilei才能发布哦~"; //在编辑说说的输入框中的占位符
var placeholder2="没有密码,不能发布!"; //在编辑密码的输入框中的占位符
var lazy = 1; //是否开启懒加载动画
var bgimg = "https://gitee.com/shenshilei1022/hugo_image_resource/raw/master/imgs/214.jpg"; //背景动画
var color1 = "linear-gradient(60deg,rgba(255,165,150,.5),rgba(0,228,255,.35))";
var color2 = "linear-gradient(60deg,rgba(255,165,150,.5),rgba(0,228,255,.35))";
var color3 = "#000";
</script>
{% endraw %}
<div id="artitalk_main"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/artitalk"></script>
</body>

更详细的配置请参阅官方文档——Artitalk-配置项

现在在博客中切换到对应的路径就会显示说说页面咯~

3. 参考