首发博客地址

官网地址

成果

前言

GitHub 仓库：Artitalk.js

个性

  • 增删查改全方面反对
  • 反对针对每条说说的评论
  • 反对 Markdown/html 语法
  • 反对图片上传

疾速应用

下列主题已将本我的项目整合进去，能够间接应用。 感激以下主题对本我的项目的反对~

hexo-theme-volantis

hexo-theme-cards

hexo-theme-butterfly

hexo-theme-matery

gridea-theme-dark

hexo-theme-MengD

开始应用

LeanCloud 的相干筹备

TIP

与 Valine 在同一个页面应用

如果迫切需要将 Artitalk 与 Valine 在同一个页面应用，能够通过 Artitalk 与 Valine 应用同一个 LeanCloud 的利用来解决。

倡议应用国际版的 LeanCloud

因为国际版的 LeanCloud 不须要配置 serverurl，所以举荐应用国际版，速度没有区别，如果应用国内版的 LeanCloud 别忘了填写 serverurl 即可

与valine在同一页面应用

如果有这个须要，能够将 artitalk 与 valine 寄存在同一个利用中。能够无效防止同一个页面应用两个leancloud利用所产生的抵触。

  1. 返回 LeanCloud 国际版，注册账号。
  2. 注册实现之后依据 LeanCloud 的提醒绑定手机号和邮箱。
  3. 绑定实现之后点击创立利用，利用名称随便，接着在结构化数据中创立 class，命名为 shuoshuo。
  4. 在你新建的利用中找到结构化数据下的用户。点击增加用户，输出想用的用户名及明码。
  5. 回到结构化数据中，点击 class 下的 shuoshuo。找到权限，在 Class 拜访权限中将 add_fields 以及 create 权限设置为指定用户，输出你方才输出的用户名会主动匹配。为了平安起见，将 delete 和 update 也设置为跟它们一样的权限。
  6. 而后新建一个名为atComment的class，权限什么的应用默认的即可。
  7. 点击 class 下的 _User 增加列，列名称为 img，默认值填上你这个账号想要用的公布说说的头像url，这一项不进行配置，说说头像会显示为默认头像 —— Artitalk 的 logo。
  8. 在最菜单栏中找到设置-\> 利用 keys，记下来 AppID 和 AppKey ，一会会用。
  9. 最初将 _User 中的权限全副调为指定用户，或者数据创建者，为了保障不被篡改用户数据以达到强制公布说说。

❗ 对于设置权限的这几步

这几步肯定要设置好，才能够保障不被 “闲人” 破解公布说说的验证

开始应用

配置项的阐明

能够通过批改配置项快捷更改局部性能，点我查看具体阐明

测试应用

如果下面的配置没有问题，关上你的页面，点击页面右下角的登录输出用户明码后，在输入框中输出说说，点击公布即可。

说说内容的删除

登录后点击说说内容框右上角的 x，点击确定删除即可。

说说内容的批改

点击想要批改的那条说说的头像，会主动跳转到只有一条提醒语以及输入框的界面，在输入框中编辑完之后点击保留即可

注：说说内容的批改与删除在 LeanCloud 后盾也可进行操作

评论的应用

点击每条说说右下角的评论图标即可查看针对本条说说的评论或者对本条说说发动评论，再次点击会刷新页面已达到返回的作用

填写邮箱以取得 gravatar 的头像

在 Typecho 中应用

  1. 登陆后盾后新增独立页面
  2. 题目随便填，内容填为
  3. 发布页面

在 Vue 单页我的项目中应用

例如 vuepress Gridsome 等博客框架是由 Vue 构建的。

在Gridsome中的筹备

在gridsome.config.js中引入 artitalk

在一般Vue我的项目中的筹备

在<YOUR_PROJ>/public/index.html中引入 artitalk

新建 src/components/Artitalk.vue（VuePress: .vuepress/components/Artitalk.vue），增加以下内容

如果须要退出 Artitalk 的页面为 .md（例如 VuePress），间接在其中写入 <Artitalk /> 即可。

如果为 .vue （开发我的项目） 除了写入 <Artitalk />，还须要退出以下内容

安全性

因为 leancloud 的机制，利用的 Appid 以及 Appkey 均会暴漏在前端，可能会蒙受到其他人的歹意攻打。 如果你在放心这个问题，你能够应用Artitalk_SafeMode

应用 cdn

UNPKG

⭐ 获取最新
获取指定版本

应用指定版本，在版本号填上对应版本即可，例如：https://unpkg.com/artitalk@1.1.15/artitalk.js

对于版本可查看：https://unpkg.com/artitalk/

JsDelivr（国内无奈应用！！！）

⭐ 获取最新
获取指定版本

应用指定版本，在版本号填上对应版本即可，例如：https://cdn.jsdelivr.net/npm/artitalk@1.1.15

对于版本可查看：https://cdn.jsdelivr.net/npm/artitalk/

本文由mdnice多平台公布