【自搭博客系统篇五】：给博客添加说说功能，心情分享 Artitalk

前言

上一篇已经给博客添加了音乐功能，闲暇时光，听听音乐放松放松，给自己放个假。生活中，酸甜苦辣各种滋味，找个人说一说，分享自己的心情，也是一种别样的享受。今天，就是给博客添加说说功能，记录心情。

正文

1、配置LeanCloud

① 前往 LeanCloud国际版注册账号
② 注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱。
③ 绑定完成之后点击创建应用，应用名称随意，接着在结构化数据中创建 class，命名为 shuoshuo。
④ 在你新建的应用中找到结构化数据下的用户。点击添加用户，输入想用的用户名及密码。
⑤ 回到结构化数据中，点击 class 下的 shuoshuo。找到权限，在 Class 访问权限中将 add_fields 以及 create 权限设置为指定用户，输入你刚才输入的用户名会自动匹配。为了安全起见，将 delete 和 update 也设置为跟它们一样的权限。
⑥ 然后新建一个名为atComment的class，权限什么的使用默认的即可。
⑦ 点击 class 下的 _User 添加列，列名称为 img，默认值填上你这个账号想要用的发布说说的头像url，这一项不进行配置，说说头像会显示为默认头像 —— Artitalk 的 logo。
⑧ 在最菜单栏中找到设置-> 应用 keys，记下来 AppID 和 AppKey ，一会会用。
⑨ 最后将 _User 中的权限全部调为指定用户，或者数据创建者，为了保证不被篡改用户数据以达到强制发布说说。
⑩ 最后需要绑定自己的域名，跟你的博客同源，可以用个子域名绑定，不然前端会报跨域问题（应该是leanCloud更新过），后面配置博客yaml需要在serverURL填上这个地址

2、配置hexo端，修改主题配置文件_config.butterfly.yml

# Artitalk
# see https://artitalk.js.org/
artitalk:
  appId: 此处填入上面LeanCloud中的AppID
  appKey: 此处填入上面LeanCloud中的AppKey
  option:
    # 目前一定要配置API，不然会出现跨域问题
    serverURL: xxx
    lang: zh

3、创建说说页面 \source\shuoshuo\index.md文件,并修改内容

---
title: 说说
date: 2020-11-03 09:58:33
type: artitalk
---
<script type="text/javascript" src="https://unpkg.com/artitalk"></script>
<div id="artitalk_main"></div>

<script>
  new Artitalk({
    appId: '此处填入上面LeanCloud中的AppID',
    appKey: '此处填入上面LeanCloud中的AppKey',
    // 目前一定要配置API，不然会出现跨域问题
    serverURL: 'xxx'
  })
</script>

注意：在配置时，出现本地 hexo s查看时可以正确使用，但部署在服务器上自后，发现一直一直显示加载中，是LeanCloud中安全中心设置了web安全域名，添加可信域名即可。

最后

至此说说配置成功