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

前言

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 权限设置为指定用户,输入你刚才输入的用户名会自动匹配。为了安全起见,将 deleteupdate 也设置为跟它们一样的权限。
在这里插入图片描述

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

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

9.在最菜单栏中找到设置-> 应用 keys,记下来 AppIDAppKey ,一会会用。
在这里插入图片描述

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: xxxxx
  appKey: xxxxx
  option:

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/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值