利用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. 参考