前言

最近王yu寜👑给了个博客朋友圈的提议,正好趁着五一假期赶制出来了
最近学校的事情挺多的,博客就先咕咕了(毕竟我是高中生)
文档参考
artitalk
bbtalk
artitalkpro

侧边栏碎碎念

样式预览

后端配置

1.注册leancloud国际版账号(注意!国际版)
2.注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱
3.创建应用(名字啥啥啥的随便)

4.接着在结构化数据中创建 class,命名为 shuoshuo

5.在你新建的应用中找到结构化数据下的用户。点击添加用户,输入想用的用户名及密码

6.回到结构化数据中,点击 class 下的 shuoshuo。找到权限,在 Class 访问权限中将 add_fields 以及 create 权限设置为指定用户,输入你刚才输入的用户名会自动匹配。为了安全起见,将 delete 和 update 也设置为跟它们一样的权限

7.在最菜单栏中找到设置-> 应用 keys,记下来 AppID 和 AppKey,记下来

8.最后将 _User 中的权限全部调为指定用户,或者数据创建者,为了保证不被篡改用户数据以达到强制发布说说

前端配置

1.插件安装

1
2
npm uninstall hexo-butterfly-artitalk --save(先执行这个)
npm install hexo-butterfly-artitalk-pro --save(再执行这个)

2.添加配置信息,以下为写法示例
在站点配置文件_config.yml 或者主题配置文件_config.butterfly.yml 中添加
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
28
29
30
31
32
33
artitalk:
enable:
card: true # 侧边栏开关
page: true #页面开关
# 侧栏相关配置项
priority: 5 #过滤器优先权
enable_page: all # 应用页面
layout: # 挂载容器类型
type: class
name: sticky_layout
index: 0
# 页面相关配置项
path: artitalk
front_matter:
title: 碎碎念
# 公共配置项
appId: ***************************
appKey: ****************************
exclude:
- /artitalk/
- /posts/ #需要abbrlink插件支持
js: https://npm.elemecdn.com/artitalk
card_css: https://npm.elemecdn.com/hexo-butterfly-artitalk-pro/lib/card.css
card_visual_js: https://npm.elemecdn.com/hexo-butterfly-artitalk-pro/lib/card_visual.js
option:
serverURL: https://********.api.lncldglobal.com #将此处的********替换为你的appId前八位
lang: zh
pageSize: 1
color1: '#49b1f5'
color2: '#00c4b6'
atEmoji: {
'Mafumafu1':'https://cdn1./gh/GamerNoTitle/ValineCDN@master/Mafumafu/199749454.png',
'Mafumafu2':'https://cdn1./gh/GamerNoTitle/ValineCDN@master/Mafumafu/199749455.png'}

hexo三连查看效果

3.参数解释

发说说

登录你创建的账户后即可发说说


博客说说界面

注意!这个方案和Valine评论系统一起使用会发生bug

样式预览

点击这里跳转到我的说说界面

后端配置

1.注册leancloud国际版账号(注意!国际版)
2.注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱
3.创建应用(名字啥啥啥的随便)

4.着在存储→结构化数据中创建 class,命名为 content

5.点击刚刚创建的content Class,点击添加列并创建名称为content的列
6.在菜单栏中找到设置→ 应用 keys,记下来 AppID 、 MasterKey 和Request 域名(api) ,各个数据一般为以下形式:

1
2
3
AppID: Y5IDwC47czJFXXXXXXSlU44Y-MdYXbMMI
MasterKey: qgrJ3nRwXXXXXXwwnVfj0uaQ
Request 域名: https://AppID前八位.api.lncldglobal.com

前端配置

1.新建说说页面并且在主页引入
2.说说的index.md文件中添加以下代码

1
2
3
4
5
6
7
8
9
10
11
<!-- 存放哔哔的容器 -->
<div id="bbtalk"></div>
<!-- 引用 bbtalk -->
<script src="https://cdn1./npm/bbtalk@0.1.5/dist/bbtalk.min.js"></script>
<script>
bbtalk.init({
appId: "让你保存的",
appKey: "让你保存的",
serverURLs: '让你保存的'
})
</script>

发说说的工具

1.关注微信公众号

2.按照公众号的提示的命令进行绑定,向公众号发送以下内容

1
//leancloud:您的AppID,您的MasterKey,https://您的 Request 域名

3.绑定完成后发一条说说测试一下
4.完工

可选配置项

el
类型:String
默认值:bbtalk
必要性: false

BBtalk 的初始化挂载器。

pageSize
类型:Number
默认值:10
必要性:false

每页显示哔哔条数

不懂的评论区留言


后记

五一放假了,但是开学后立刻期中考试,开学这段时间算是调整过来了,以后再接再厉!
博客的话我可能就经常咕咕了
我们学校两个星期放一天半假期,还要写作业,肯定没时间~放屁,爷一天全在摸鱼,爷就是想当咕咕
总之加油努力吧

创作不易,能不能投喂一下小王qwq(下方打赏按钮)