Hexo博客技巧:添加说说页面

本博客已采用即刻短文本地部署版,效果详见:[aciano.top/essay](aciano.top/essay)。 ————2023.05.01

请注意!LeanCloud国际版已经停止了国内服务的支持,以下教程可能会失效,需要自行探索国内版的方案,可以参考Artitalk文档,本教程不再更新! ————2022.08.22

前言

Hexo搭建的博客是静态的,意味着每一次更新文章或进行其他操作都需要部署上传。

而Artitalk是一款基于 LeanCloud 实现的可实时发布说说/微语的插件,可以做到:

  • 实时发布说说,点击即可删除
  • 支持 Markdown/HTML 语法
  • 方便引用

下面就来讲讲怎么利用Artitalk为博客添加说说页面。

在此之前你可以前往 https://aciano.top/talking/ 看看我的说说页面

快速使用

一些主题已经整合了Artitalk,可以直接使用:

hexo-theme-volantis

hexo-theme-cards

hexo-theme-butterfly

hexo-theme-matery

gridea-theme-dark

hexo-theme-MengD

注意事项

如果博客使用的是Valine评论系统,那么将 Artitalk 与 Valine 在同一个页面使用需要Artitalk与Valine使用同一个LeanCloud应用。

操作过程

LeanCloud的操作

1.前往LeanCloud 国际版,注册账号。

2.注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱。

完善信息

3.绑定完成之后点击创建应用,应用名称随意,应用的计价方案选择开发版

创建应用

4.创建完应用后点击控制台中的存储,点击结构化数据中创建class,命名为shuoshuo

点击存储

创建class

5.在你新建的应用中找到结构化数据下的用户。点击添加用户,输入想用的用户名及密码。

添加用户

添加用户参数

6.回到结构化数据中,点击class下的shuoshuo。找到权限,在Class 访问权限中将 add_fields 以及 create 权限设置为指定用户,输入你刚才输入的用户名会自动匹配。为了安全起见,将 deleteupdate 也设置为跟它们一样的权限。

修改权限

7.然后新建一个名为atComment的class,权限什么的使用默认的即可。

8.点击 class 下的 _User 添加列,列名称为 img,默认值填上你这个账号想要用的发布说说的头像url,这一项不进行配置,说说头像会显示为默认头像 —— Artitalk 的 logo。

添加列

9.在最菜单栏中找到设置-> 应用 keys,记下来 AppIDAppKey ,一会会用。

应用key

10.最后将 _User 中的权限全部调为指定用户,或者数据创建者,为了保证不被篡改用户数据已达到强制发布说说。

修改权限

这几步一定要设置好,才可以保证不被 “闲人” 破解发布说说的验证

主题的操作

1.创建页面

在博客根目录输入hexo new page shuoshuo创建一个page

打开创建的 md 文件, 在 Front-matter 添加 type: artitalk

1
2
3
4
5
---
title: xxxx
date: 2021-02-08 00:58:58
type: artitalk
---

2.配置文件

修改主题配置文件_config.butterfly.yml

1
2
3
4
5
6
# Artitalk
# see https://artitalk.js.org/
artitalk:
appId: xxxxx
appKey: xxxxx
option:

Artitalk 提供了很多可选参数配置,可以写在 option 里,例如:

1
2
option:
lang: zh

结语

Artitalk的GitHub仓库:https://github.com/ArtitalkJS/Artitalk

Artitalk的使用文档:https://artitalk.js.org/doc.html

我的说说页面:https://aciano.top/talking/

End