首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >在 NexT 中使用 Valine 评论系统

在 NexT 中使用 Valine 评论系统

作者头像
莲花海
发布于 2020-01-21 03:00:39
发布于 2020-01-21 03:00:39
1K0
举报

◎ 简洁的 Valine

本文包括 NexT 主题的 v5 和 v6 两个版本的使用方法,以及对 TopX 页面的兼容处理。

Valine 是一个基于国内 BaaS(后端即服务:Backend as a Service)提供商 LeanCloud 的评论系统,有经典的昵称、邮箱、网址的评论框,支持 Gravatar 头像,支持 Markdown,支持代码高亮等等。

这么好的评论系统,为什么我现在才开始使用呢?因为对于 NexT 主题,有一项重要功能——文章阅读量统计 leancloud_visitors 也是基于 LeanCloud 的,而之前 Valine 的代码与此功能有冲突,导致 F12 后 Console 看到一堆红色的 error,所以我暂时没有启用。另外,基于 LeanCloud 的 TopX 页面也是如此,甚至直接无法使用,生成的页面只有 titlename。Anyway,经过这个 PR,现在这些问题都能解决了?!

基础配置如注册 LeanCloud、配置安全域名、在 NexT 主题中启用等在这就不说了,请直接查看 Valine 的文档中的相关内容。下面主要说明下如何更新 Valine 以解决代码冲突问题。

leancloud_visitors

首先,如果你的 NexT 是 v6,请直接 git pull 更新到最新版本即可。如果你自定义了一些功能,修改了主题的某些文件导致更新报错,别急,参考我的另一篇文章的 2.3.2 节更新即可。

如果你的 NexT 是和我一样的 v5,那么请按下面步骤进行更新。

1)编辑 valine.swig 文件,将旧的代码替换为最新的

2)参考这里,修改相关文件。

3)配置主题配置文件,先关闭 leancloud_visitors:

1 2 3 4 5

# 文件位置:~/blog/themes/next/_config.yml leancloud_visitors: - enable: true + enable: false

然后开启 Valine 的文章阅读量统计:

1 2 3 4 5

# 文件位置:~/blog/themes/next/_config.yml valine: - visitor: false + visitor: true

这样问题就解决了。

TopX 页面

其实经过上面的操作,TopX 页面已经可以正常显示了,但是 F12 后:

◎ 红色 error

好吧,仍有冲突,那么干脆不在 TopX 页面加载 Valine 的代码呗?,反正 TopX 页面也没开启评论。

编辑文件:

1 2 3 4

<!-- 文件位置:~/blog/themes/next/layout/_third-party/comments/valine.swig --> - {% if theme.valine.enable and theme.valine.appid and theme.valine.appkey %} + {% if theme.valine.enable and theme.valine.appid and theme.valine.appkey and page.title !=== 'TopX' %}

注意:如果你的 TopX 页面的 title 不是 TopX 那么请修改为相应内容。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Hexo博客使用valine评论系统无效果及终极解决方案
畅言: http://changyan.kuaizhan.com (安装需要备案号)
AomanHao
2022/01/14
1.1K0
Hexo博客使用valine评论系统无效果及终极解决方案
Hexo优化 --- 一款极简的评论系统
已有更简单的方式来实现,请参考: Hexo 优化 --- Valine 扩展之邮件通知 演示 之前也用多很多评论系统,包括多说,网易云跟帖,Coding Comments…,但是这些评论系统,要不就是稳定性差,要不就是需要繁琐的登录,还有的直接停止服务了。 好了,废话不多说,先看今天的主角长什么样: Valine – 一款基于 Leancloud 的极简风评论系统 使用方法 获取 Leancloud Key 因为是基于 Leancloud 的评论系统,所以需要先注册一个 Leancloud 账号。
一份执着✘
2018/06/04
4.1K9
Hexo 优化 --- 支持邮件通知的评论 Valine 增强版
已有更简单的方式来实现,请参考: Hexo 优化 — Valine 扩展之邮件通知 前言 关于之前的 Hexo优化 --- 一款极简的评论系统,它满足了我对评论系统的一些基本要求。 但这个评论系统有一个痛点。虽然它虽然支持邮件提醒,但这个功能却很弱,无法提示到具体文章,也无法给评论者进行有效的回复通知,通常别人留完言,怎么还会再来你的博客看你是否回复了呢?。 而这款 Valine 的增强版,满足了这几个条件: 完善的邮件通知,自定义 SMTP 发件频率和内容不再受限 基于 Akismet 的垃圾评论自动
一份执着✘
2018/06/04
3.2K0
Matery之Valine评论优化
  本篇文章对Matery的valine评论系统进行优化,文章中大多数内容参考自姑的优化代码。原博主是基于Hexo主题的Butterfly和Sakura的valine优化,现将其移植到Matery主题中。
LuckySec
2022/11/02
4490
Matery之Valine评论优化
hexo博客valine评论优化
定位到\themes\matery\layout\_partial\valine.ejs,添加如下代码
框架师
2021/03/07
4660
back-to-landscape——博客迁移记录2021
2019年的时候,写了一篇博客来记录博客历史的迁移记录,这两年又经过工作变化、硬盘损坏,博客也是几经变迁。
王云峰
2023/10/21
2070
Hexo评论系统之valine快速使用
article.ejs 代码添加到 <% if (!index && post.comments){ %> 下面
用户6808043
2022/02/24
9660
Hexo评论系统之valine快速使用
搭建自己的技术博客系列(三)让你的博客拥有评论功能!
本来hexo博客用的是gitment,我也非常喜欢,看着逼格就超高呀。无奈我用着bug略多,而且毕竟有github账户的小伙伴似乎并不多。于是我就忍痛准备换评论系统。然后在最近刚刚加入的hexo博客群里,看见了一个神器。也就是本篇主人公——Valine.js。
程序员黄小斜
2019/09/14
8370
Next -6- 添加Valine评论系统
Next V7.7.1 自带很多评论系统,其中Valine诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。Valine具有添加方便,轻量,运行、加载速度快,不需要用户登录等优点。 本文介绍Next中添加Valine评论系统的方法。 依赖leancloud 申请leancloud账号,官网链接。 登录leancloud,进入控制台点击创建应用。 填写应用名称,选择开发版 创建成功后点击应用右上角的齿轮进入应用设置 设置选项卡中选择应用 Keys,右
为为为什么
2022/08/04
5440
Next -6- 添加Valine评论系统
Hexo NexT 评论系统 Valine 的使用
注明:以下方案是在 Valine 1.4.9 版本下完成,对于其他版本应该会根据实际情况修改参数,使用 F12 查看参数修改即可使用!(说明于 2020 - 04 - 25)
零式的天空
2022/03/28
1.7K0
Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统 来必力畅言Valine获取 livere_uid在Next主题配置浏览器访问数据
而评论系统是最常用于和网站用户交流的,因此本章讲解在 next 主题,如何接入评论系统。
踏歌行
2020/10/15
1.2K0
Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统
    




        来必力畅言Valine获取 livere_uid在Next主题配置浏览器访问数据
Valine评论系统的设置
遵循Valine的指示,配置好LeanCloud应用,点击控制台->注册并登录账号->创建应用->随便取名字填入描述->设置->应用凭证,就能看到需要的信息重点关注其中的appId,appKey和Request域名。
ClancyCC
2022/03/30
8420
博客从 typecho 迁移到 Hexo
Hexo 环境搭建 使用 coding 和 github.io 的 pages 服务,绑定了自己的域名,做了双线解析,国内用户解析到 coding ,国外用户解析到 github.io,访问速度很满意(本来就是静态文件,访问速度很快)。 Hexo 环境的搭建,这里不再赘述,主要介绍如何导出 typecho 的数据和 Hexo 站点的配置以及 Next 主题的配置及优化。 typecho 数据导出 文章数据的导出 花了点时间把 typecho 的文章全部改写成 Markdown 的格式,方便我导出为 md 文
tanmx
2018/07/16
2.4K0
hexo-fluid添加valine评论记录
1.进入fluid主题下的配置文件(config.yml) 2.找到comments配置,将enable的值改为true,type的值改为valine
科技怪物君
2021/12/23
1.9K0
hexo-fluid添加valine评论记录
Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计
之前说了 next 主题的优化和接入评论系统。让我们完成了自己所需的页面风格和排版,也可让访问用户在每篇博文评论,完成博主和访问用户的交互。
踏歌行
2020/10/15
9400
Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计
hexo-theme-next @modified LRH
如无必要,不再更新!(2019.09.13) 今晚我做出了一个慎重的决定,由于博主时间精力有限,需要更多的时间来工作和学习。所以我将放弃对 next 的主题的自定义修改,next 主题官方已经更新到了 7.0+的版本,喜欢 next 主题风格的朋友可以在 github 更新。 我这也算是上古版本了,版本差距实在过大,所以我也将放弃博客使用主题的更新。 以下仍为当前博客使用主题,lib 资源已打包 github。
Cell
2022/02/25
2920
hexo-theme-next @modified LRH
Matery主题添加Pjax
Pjax的使用可以在保证Nav Header Footer 不变的基础上改变 Main 的内容(适用于页面结构相对简单的主体)
闲花手札
2022/01/24
1.3K0
Matery主题添加Pjax
【Hexo】Hexo 主题 Matery 配置
前两篇文章介绍了 Hexo + github pages + travis ci 进行自动化部署,并介绍了 Hexo 的配置文件中的各个属性,相信通过前两篇文章的学习,你已经学会了如何搭建自己的博客,并能够根据自己的需要进行个性化配置。
弗兰克的猫
2020/05/09
2K0
【Hexo】Hexo 主题 Matery 配置
hugo博客开启valine评论系统配置
用hugo搭建的博客,采用fixIt主题(魔改于loveit),支持多种评论系统设置。valine评论是搭配LeanCloud平台来一起使用的。
六月河
2022/09/06
1.5K0
hugo博客开启valine评论系统配置
Hexo快速构建个人小站-Fulid主题下添加Valine评论系统(三)
前面两章完成了Hexo的初始化和部分自定义的功能,对于只想展示文章来说也是没有问题的,但是无法与读者进行互动,无论读者对错误的反馈还是对优质内容的鼓励这些统统都不知道,所以我们先给文章加上评论系统,让读者有渠道可以反馈,也让作者对于反馈有一个好的总结,优化改善,循序渐进才能将博客建设的更好。
Peyshine
2020/07/01
8530
Hexo快速构建个人小站-Fulid主题下添加Valine评论系统(三)
相关推荐
Hexo博客使用valine评论系统无效果及终极解决方案
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档