在 Hexo 中使用 artitalk 新增说说功能

主要使用 artitalk.js

LeanCloud 的相关准备

建议使用国际版的 LeanCloud
因为国际版的 leancloud 不需要配置 serverurl，所以推荐使用国际版，速度没有区别，如> 果使用国内版的 leancloud 别忘了填写 serverurl 即可

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

*注意：*关于设置权限的这几步
这几步一定要设置好，才可以保证不被 “闲人” 破解发布说说的验证

开始使用

在博客中新建一个说说页面

hexo new page shuoshuo

然后在 shuoshuo/index.md 的内容区域中添加以下代码

<script type="text/javascript" src="https://unpkg.com/artitalk"></script>
<div id="artitalk_main"></div>
<script>
  new Artitalk({
    appId: 'xxxx',
    appKey: 'xxx'
  })
</script>

补充

因为 Artitalk 对 Pjax 的支持不友善，如果使用 Valine 评论的话，请把说说页面添加到主题配置 文件中的 Pjax 的 exclude 去，不然会引起 Artitalk 和 Valine 都加载出错
在主题配置文件中修改

pjax:
  enable: true
  exclude:
    - /shuoshuo/

页面效果