美文网首页
hexo-butterfly主题配置-说说

hexo-butterfly主题配置-说说

作者: 李伯淳 | 来源:发表于2021-02-22 14:20 被阅读0次
image

主要是利用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 在同一个页面使用

如果迫切需要将 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安全域名,自己访问的网址不在其中,造成的,默认应该是为空的,这样应该不会出现这样的错误。

至此说说配置成功

相关文章

  • hexo-butterfly主题配置-说说

    主要是利用Artitalk,实现实时发布说说/微语,基于 LeanCloud 實現 创建页面 在hexo本地使用h...

  • 说说主题

    最近工作总会遇到主题策划,就开始留意起身边的主题策展来。 今天逛到一个古镇,发现一个以“恩”为主题的策展。门口一个...

  • phpstrom配置sublime主题

    phpstrom配置sublime主题 下载主题 配置 启动设置

  • 说说主题学习

    前面说到英国小学很注重各类主题学习,下面我就来举几个例子。 比如圣诞演出 英国小学里每年圣诞节都有nativity...

  • 主题‖说说黄瓜

    文/菇凉 【本周主题,观察植物】 小沫同学这周主题,不知道难为了多少位同学了。 我想了半天也没想到什么观察植物,就...

  • Vux项目使用记录

    1、修改主题颜色:可以通过配置vuxLoader配置加载主题配置的文件, https://github.com/a...

  • 说说如何利用 Webpack 来搭建 Vue 单文件组件环境

    首先必须先安装与配置好 Webpack。可参考以下内容: 说说如何安装 Webpack 说说如何配置 Webpac...

  • Hexo+Next的摸索

    区分站点配置文件和主题配置文件 站点配置文件路径:blog/_config.yml主题配置文件路径:blog/th...

  • Linux安装zsh并使用oh my zsh配置

    安装zsh 配置 oh my zsh curl wget 配置终端主题 主题列表:https://github.c...

  • Hexo博客(二) 配置

    站点基本配置 站点配置文件_config.yml 修改主题 下载主题,将主题文件夹放入blog/themes文件夹...

网友评论

      本文标题:hexo-butterfly主题配置-说说

      本文链接:https://www.haomeiwen.com/subject/rlfxfltx.html