前言

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

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

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

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

在此之前你可以前往 https://amnesia-f.github.io/shuoshuo/ 看看我的说说页面

快速使用

一些主题已经整合了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。

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

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

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

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

9.在最菜单栏中找到设置-> 应用 keys，记下来 AppID 和 AppKey ，一会会用。

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

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

主题的操作

1.创建页面

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

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

---
title: xxxx
date: 2021-02-08 00:58:58
type: artitalk
---

2.配置文件

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

# Artitalk
# see https://artitalk.js.org/
artitalk:appId: xxxxxappKey: xxxxxoption:

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

option:lang: zh

结语

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

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

Butterfly主题的使用方法：https://butterfly.js.org/posts/dc584b87/#%E8%AA%AC%E8%AA%AC

我的说说页面：https://amnesia-f.github.io/talking/

Hexo博客技巧：添加说说页面相关推荐

hexo博客中添加categories分类
title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习方法如下: 在根目录下scaffold ...
hexo博客中添加音乐播放器
1. 简介本篇文章是介绍基于网易云iframe插件在hexo博客中加装音乐播放器的方法,无需安装任何额外插件. 2.安装步骤在网易云音乐中打开你想要插入的音乐页面,点击生成外联播放器. 在网页中 ...
在Hexo博客上添加可爱的Live 2D模型
在查找资料的偶然间,我发现一个博客上有非常可爱的Live 2D模型,当时我就被打动了,马上开启审查元素,试图找出这个Live 2D模型的信息,可是找了半天没找到.最后通过截图->谷歌图片的方式, ...
Hexo博客技巧：添加自定义html页面
前言以前收集了很多有趣的html特效文件,自己也写过不少,但是这些文件都有一个缺点:只能本地浏览. 很早以前就有一个想法,就是将这些文件部署到网站上供人们随时随地浏览,只是一直没能实现.现在有了自己 ...
HEXO博客系统添加搜索功能
Hexo 可以通过接入第三方搜索引擎来为博客添加搜索功能.这里给出一种基于 Algolia 搜索引擎的实现方式. 流程 Algolia 是一家搜索解决方案提供商,提供强大的搜索服务和 API 接口.在 ...
Hexo博客技巧：为博客插入音乐
前言想要给博客添加音乐,最简单的方法便是利用第三方音乐平台提供的外链播放器,可是效果并不好,外观丑没歌词且体验极差. 如果使用Hexo-Tag-Aplayer插件的话这个问题就能很好地解决了. 原先 ...
《WEB开发-HEXO博客搭建》第3章 Hexo博客域名添加
笔者博客地址 Hexo官方:https://hexo.io/ Hexo官方(中文):https://hexo.io/zh-cn/ 本章参考视频链接前文笔者使用Hexo和GitHub搭建个人博客空间, ...
hexo博客首页添加网易云音乐
效果图实现方法 1.进入网易云音乐,选择一首歌,点击生成外链播放器,将选中代码复制 1.进入如下目录D:\blog\themes\yilia\layout_partial(不同主题的名字不同,这里我 ...
关于给hexo博客增加视频vlog页面（主要引入哔哩哔哩视频）
前言: 这里是博主的vlog区,博主也是B站的一名普通up

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

前言