主要是利用
Artitalk
,实现实时发布说说/微语,基于LeanCloud
實現
创建页面
- 在
hexo
本地使用hexo new page shuoshuo
创建页面 - 打开创建的
index.md
文件,在顶部Front-matter
添加type: artitalk
title: shuoshuo
date: 2021-02-02 10:45:41
type: artitalk
comments: false
配置文件
先配置LeanCloud
【重要】先通过Aritalk配置
LeanCloud
,一步步按照说明配置
🎃 与 Valine 在同一个页面使用
如果迫切需要将 Artitalk
与 Valine
在同一个页面使用,可以通过 Artitalk
与 Valine
使用同一个 LeanCloud
的应用来解决。
🌍 建议使用国际版的 LeanCloud
因为国际版的 LeanCloud
不需要配置 serverurl
,所以推荐使用国际版,速度没有区别,如果使用国内版的LeanCloud
别忘了填写serverurl
即可
-
前往 LeanCloud 国际版注册账号。
-
注册完成之后根据
LeanCloud
的提示绑定手机号和邮箱。 -
绑定完成之后点击
创建应用
,应用名称随意,接着在结构化数据
中创建class
,命名为shuoshuo
。 -
在你新建的应用中找到
结构化数据
下的用户
。点击添加用户
,输入想用的用户名及密码。 -
回到
结构化数据
中,点击class
下的shuoshuo
。找到权限,在Class 访问权限
中将add_fields
以及create
权限设置为指定用户,输入你刚才输入的用户名会自动匹配。为了安全起见,将delete
和update
也设置为跟它们一样的权限。 -
然后新建一个名为
atComment
的class,权限什么的使用默认的即可。 -
点击
class
下的_User
添加列,列名称为img
,默认值填上你这个账号想要用的发布说说的头像url,这一项不进行配置,说说头像会显示为默认头像 ——Artitalk
的logo
。 -
在菜单栏中找到设置-> 应用 keys,记下来
AppID
和AppKey
,一会会用。 -
最后将
_User
中的权限全部调为指定用户,或者数据创建者,为了保证不被篡改用户数据已达到强制发布说说。
配置hexo端
修改主題配置文件
# Artitalk
# see https://artitalk.js.org/
artitalk:
appId: xxxxx # 填入设置中的AppId
appKey: xxxxx# 填入设置中的AppKey
option:
【重要】如果使用的不是国际版,要继续在
option
中配置,填入serverurl
artitalk中还提供很多其他配置,可以参照配置文档说明配置项
option:
serverURL: xxxxx
lang: zh
【重要】如果使用的不是国际版,要继续在
option
中配置,填入serverurl
修改index.md
文件(初始化)
填入以下内容:
<script type="text/javascript" src="https://unpkg.com/artitalk"></script>
<div id="artitalk_main"></div>
<script>
new Artitalk({
appId: '此处填入上面LeanCloud中的信息'
appKey: '此处填入上面LeanCloud中的信息'
})
</script>
注意:在配置时,出现本地
hexo s
查看时可以正确使用,但部署在服务器上自后,发现一直一直显示加载中,原来是LeanCloud
中安全中心设置了web安全域名,自己访问的网址不在其中,造成的,默认应该是为空的,这样应该不会出现这样的错误。
至此
说说
配置成功
网友评论