“说说”页面使用的服务

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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
---
title: 说说
comments: false
---

<!-- 引用 artitalk -->
<script type="text/javascript" src="https://unpkg.com/artitalk"></script>
<!-- 存放说说的容器 -->
<div id="artitalk_main"></div>
<script>
new Artitalk({
serverURL: 'https://你的域名', // 如果使用国内版需要填写
appId: '你的AppID',
appKey: '你的AppKey',
})
</script>

🔗 第五步:绑定域名(国际版需要)

在LeanCloud控制台点击”设置” → “域名绑定”
添加一个二级域名(如 artitalk.yourdomain.com)
按照提示配置DNS解析

🎯 第六步:部署测试

这一步你就三连,或者你设置了快捷键,重新部署,弄到本地4000那个页面上看看效果就好了。
一切正常就可以推送到你的仓库,然后就可以啦!!!

最后是数据的备份

手动备份(每月/每次大改前跑一次即可)

登录 LeanCloud 控制台 → 你的应用
左侧 「存储」→「结构化数据」
逐表导出:
选中 shuoshuo → 右上角 「导出」 → JSON → 等待生成 → 下载到本地
同法导出 atComment、_User(勾选「包含内置字段」)
把 3 个 .json 文件重命名带日期,扔到你的网盘/Git 仓库/硬盘即可。

导出文件里含完整字段、作者、时间戳,可重新导入恢复。


尾声

ok啊,也是把基本思路顺了一遍,反正差不多就是这样。
基本思路来自 在butterfly主题中加入说说-mccsjsArtiralk使用文档

大概就是这样,也是弄了一个好玩的东西。

主要是这样就可以在线发说说了,不用在在电脑上面写那md了!!这就很nice