📝 在Hexo Butterfly博客中添加说说功能(基于LeanCloud + Artitalk)
“说说”页面使用的服务
Artitalk和Leancloud服务
👇这里是这两个服务的链接
Artitalk官方使用文档
Leancloud官网
🔧 前期准备
域名要求:
如果使用LeanCloud国内版,需要域名备案
如果使用LeanCloud国际版,需要绑定二级域名
推荐选择:
建议使用LeanCloud国际版,速度也没区别,但是你要有自己的一个域名,二级域名,免费的啥的都中,反正后面你要用到,得有才行,不然他会出现一个问题,就是最后你什么都弄好了之后,他会卡在加载页面出不去。
就像这样👇
🌈 第一步:注册和配置LeanCloud
注册账号:
访问 LeanCloud国际版
注册账号并绑定手机号和邮箱
创建应用:
点击”创建应用”,名称随意
选择”开发版”
创建数据表:
进入”结构化数据”
创建名为 shuoshuo 的Class
创建名为 atComment 的Class(用于评论)👇
创建用户:
点击左侧”内建账户” → “用户管理” → “添加用户”
设置用户名和密码(用于发布说说)
在img项添加头像链接(可选)👇
设置权限(重要):
在 shuoshuo 表中:
将 add_fields 和 create 权限设置为指定用户
建议将 delete 和 update 也设置为指定用户👇
在 _User 表中:
将所有权限设置为指定用户或数据创建者
atComment 权限都给出去
获取凭证:
点击”设置” → “应用凭证”
记下 AppID 和 AppKey
设置安全域名:
点击”设置” → “安全中心” → “Web安全域名”
填入你的博客域名
🚀 第二步:安装插件
在你的Hexo博客根目录执行:
1 | npm install hexo-butterfly-artitalk |
📄 第三步:创建说说页面
1 | hexo new page artitalk |
注意哦,这个命令是在你的hexo博客根目录cmd下运行的
⚙️ 第四步:配置说说页面
编辑 source/artitalk/index.md 文件,添加以下内容:
1 | --- |
🔗 第五步:绑定域名(国际版需要)
在LeanCloud控制台点击”设置” → “域名绑定”
添加一个二级域名(如 artitalk.yourdomain.com)
按照提示配置DNS解析
🎯 第六步:部署测试
这一步你就三连,或者你设置了快捷键,重新部署,弄到本地4000那个页面上看看效果就好了。
一切正常就可以推送到你的仓库,然后就可以啦!!!
最后是数据的备份
手动备份(每月/每次大改前跑一次即可)
登录 LeanCloud 控制台 → 你的应用
左侧 「存储」→「结构化数据」
逐表导出:
选中 shuoshuo → 右上角 「导出」 → JSON → 等待生成 → 下载到本地
同法导出 atComment、_User(勾选「包含内置字段」)
把 3 个 .json 文件重命名带日期,扔到你的网盘/Git 仓库/硬盘即可。
导出文件里含完整字段、作者、时间戳,可重新导入恢复。
尾声
ok啊,也是把基本思路顺了一遍,反正差不多就是这样。
基本思路来自 在butterfly主题中加入说说-mccsjs和Artiralk使用文档
大概就是这样,也是弄了一个好玩的东西。
主要是这样就可以在线发说说了,不用在在电脑上面写那md了!!这就很nice














