给Hexo添加说说功能

这篇具有很好参考价值的文章主要介绍了给Hexo添加说说功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

首发博客地址

官网地址


效果

给Hexo添加说说功能,后端

👀 前言


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 权限设置为指定用户,输入你刚才输入的用户名会自动匹配。为了安全起见,将 deleteupdate 也设置为跟它们一样的权限。
  6. 然后新建一个名为 atComment的class,权限什么的使用默认的即可。
  7. 点击 class 下的 _User 添加列,列名称为 img,默认值填上你这个账号想要用的发布说说的头像url,这一项不进行配置,说说头像会显示为默认头像 —— Artitalk 的 logo。
  8. 在最菜单栏中找到设置-> 应用 keys,记下来 AppIDAppKey ,一会会用。
  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 多平台发布文章来源地址https://www.toymoban.com/news/detail-691405.html

到了这里,关于给Hexo添加说说功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 浪花 - 组队功能后端开发

    1. 添加队伍 2. 删除队伍 3. 修改 / 更新队伍信息 4. 查找队伍 1. 封装请求包装类 2. 创建查询构造器 3. 执行列表查询 1. 通用分页查询请求参数 2. 创建查询构造器 3. 执行分页查询 1. 为什么需要请求参数包装类? 请求参数名称 / 类型和实体类型不一致 有一些参数用不到,如果要

    2024年01月23日
    浏览(36)
  • 用chatGPT快速开发java后端功能

      需求如图 常规无非是建表接口测试类,最后造数据进行自测。突发奇想,要不用GPT试一下快速写业务代码? 第一步:建表,直接复制excel中内容到GPT中  第二步:要求转为下划线:    第三步:给出条件和想要的结果(下面第一幅图是自己写的,其它代码图都是GPT生成的)

    2024年02月06日
    浏览(32)
  • JAVA---后端开发中实现分页功能

    Java开发是一门广泛应用于各种软件系统和网络应用的重要技术。在实际开发中,经常需要处理大量的数据和结果集,而分页功能则成为了提高用户体验和系统性能的关键。分页是将大数据集按照固定大小划分成多页并逐页显示的过程,能够有效减少数据传输量和页面加载时间

    2024年02月07日
    浏览(40)
  • 关于使用后端实现动态表单功能的心得

    1、 直接存整体表单结构的json串 优点:相对Mysql细化结构存储,不用在后端处理大量增、删、改的逻辑。如果用mysql对结构体做逻辑删除,可利于回滚。也可用redis、mongodb等实现 缺点:控制粒度不够,不利于需要关联复杂查询的情况,事务控制只能真对整个结构体。需要前端

    2024年04月26日
    浏览(29)
  • 博客系统后端设计(五) - 实现登录页面功能

    这里约定 请求 是一个 POST 请求,路径是 /login ,使用的是以下的格式: usernam=zhangsanpassword=123 响应是 HTTP/1.1 302 ,因为在成功登录之后,会直接跳转到列表页, 因此此时的 Location 是 blog.list.html 。 此时的响应要求是 302,因此要使用 form 表单才可以进行页面的跳转; 如果是

    2024年02月05日
    浏览(44)
  • Android前端+Spring Boot后端 登录功能实现

    创建项目后,自己添加包,框架如下   userController里的一些内容,只供参考,代码不全,无法实现 数据库是直接在社区版IDEA里连接Mysql,在控制台端创建的数据库和user表,用于数据交互。 Activity包里是Activity Java类,主要响应layout包里activity_login.xml等页面布局内的按钮响应 a

    2024年02月12日
    浏览(67)
  • postman可以通的请求,前端通不了(前端添加Content-type,后端收不到请求)

    接口完成之后,自己使用postman测试了一下,没有问题; 可是在和小组前端调试接口的时候,他却说访问不了; 信息如下:(我自己写的一个打印请求信息的拦截器) 发现报错信息是:  Content type \\\'application/x-www-form-urlencoded;charset=UTF-8\\\' not supported 也就是说发送过来的内容格式

    2024年02月04日
    浏览(47)
  • 博客系统的后端设计(八) - 实现发布博客功能

    在原来的编辑页面点击发布文章按钮,是不会有什么效果的。 这是因为此时还不能实现前后端的交互。 请求使用 POST ,路径是 /blog title=这是标题content=这是正文 请求中要有 body,按照 form 表单的方式添加进去。 响应使用 HTTP/1.1 302 跳转到列表页:Location: blog.list.html 在一篇博

    2024年02月07日
    浏览(43)
  • Java后端向前端返回文件流——实现下载功能!

    前端实现文件下载功能有多种方法,这里就不一一介绍,这里只介绍使用文件流下载的实现方法。 既然是文件流那就肯定需要给前端返回一堆二进制编码,作为后端就可以返回一个 OutPutStream 后端可以使用Java中servlet提供的 HttpServletResponse ,核心步骤是要设置响应的数据类型

    2024年02月08日
    浏览(45)
  • Java后端向前端返回文件流——实现下载功能

    前端实现文件下载功能有多种方法,这里就不一一介绍,这里只介绍使用文件流下载的实现方法。 既然是文件流那就肯定需要给前端返回一堆二进制编码,作为后端就可以返回一个 OutPutStream 后端可以使用Java中servlet提供的 HttpServletResponse ,核心步骤是要设置响应的数据类型

    2024年02月11日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包