前言

最近王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 中添加

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文件中添加以下代码

<!-- 存放哔哔的容器 -->
<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>