hexo-butterfly主题配置-说说

2021-02-22  本文已影响0人  李伯淳
image

主要是利用Artitalk,实现实时发布说说/微语,基于 LeanCloud 實現

创建页面

title: shuoshuo
date: 2021-02-02 10:45:41
type: artitalk
comments: false

配置文件

先配置LeanCloud

【重要】先通过Aritalk配置LeanCloud,一步步按照说明配置

🎃 与 Valine 在同一个页面使用

如果迫切需要将 ArtitalkValine 在同一个页面使用,可以通过 ArtitalkValine 使用同一个 LeanCloud 的应用来解决。

🌍 建议使用国际版的 LeanCloud

因为国际版的 LeanCloud 不需要配置 serverurl,所以推荐使用国际版,速度没有区别,如果使用国内版的LeanCloud别忘了填写serverurl 即可

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

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

  3. 绑定完成之后点击创建应用,应用名称随意,接着在结构化数据中创建 class,命名为 shuoshuo

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

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

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

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

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

  9. 最后将 _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安全域名,自己访问的网址不在其中,造成的,默认应该是为空的,这样应该不会出现这样的错误。

至此说说配置成功

上一篇 下一篇

猜你喜欢

热点阅读