前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Next -6- 添加Valine评论系统

Next -6- 添加Valine评论系统

作者头像
为为为什么
发布2022-08-04 14:16:09
4880
发布2022-08-04 14:16:09
举报
文章被收录于专栏:又见苍岚

Next V7.7.1 自带很多评论系统,其中Valine诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。Valine具有添加方便,轻量,运行、加载速度快,不需要用户登录等优点。 本文介绍Next中添加Valine评论系统的方法。

依赖leancloud

  • 申请leancloud账号,官网链接
  • 登录leancloud,进入控制台点击创建应用。
  • 填写应用名称,选择开发版
  • 创建成功后点击应用右上角的齿轮进入应用设置
  • 设置选项卡中选择应用 Keys,右边AppID和AppKey就是我们需要的标识和密钥。

本地设置

在Next主题配置文件中修改valine字段内的值,将enable设置为true,将刚刚得到的AppID和AppKey填入相应字段中。

代码语言:javascript
复制
# Valine
# For more information: https://valine.js.org, https://github.com/xCss/Valine
valine:
  enable: true
  appid: XXXXXXXXXXX< your AppID>XXXXXXXXXXXX # Your leancloud application appid
  appkey: XXXXXX<your AppKey>XXXXXXX # Your leancloud application appkey
  notify: true # Mail notifier
  verify: true # Verification code
  placeholder: 遗憾莫过于难忘你的背影,却找不到你来过的痕迹 ... # Comment box placeholder
  avatar: mm # Gravatar style
  guest_info: nick,mail,link # Custom comment header
  pageSize: 10 # Pagination size
  language: # Language, available values: en, zh-cn
  visitor: true # Article reading statistic
  comment_count: true # If false, comment count will only be displayed in post page, not in home page
  recordIP: false # Whether to record the commenter IP
  serverURLs: # When the custom domain name is enabled, fill it in here (it will be detected automatically by default, no need to fill in)
  #post_meta_order: 0

修改enable和AppID、AppKey之后:

  • notify:评论后的邮件提示,还需要在leancloud中设置邮件模板自动回复
代码语言:javascript
复制
你在{{appname}} 的评论收到了新的回复

<p>Hi, {{username}}</p>
<p>
你在 {{appname}} 的评论收到了新的回复,请点击查看:
</p>
<p><a href="你的网址首页链接" style="display: inline-block; padding: 10px 20px; border-radius: 4px; background-color: #3090e4; color: #fff; text-decoration: none;">马上查看</a></p>

  • verify:评论时需要验证码
  • placeholder:占位符,就是在没有评论时默认的提示文字
  • visitor:标题和首页显示浏览量(与不蒜子的会重复,可以选择一个保留)

说明

Next V7.7.1 已经集成了相关程序包,不需要额外安装,只要填入AppID和AppKey就好,否则容易出现各种奇怪的问题(别问我怎么知道的)

数据安全

可选操作:在【Leancloud】 -> 【设置】 -> 【安全中心】 -> 【Web 安全域名】把你的域名加进去,可防止数据被篡改。

标题Valine字段翻译

这个字段生成过程和其他不一样,定义的变量在post下的comments下的valine,修改zh-Hans.yml

代码语言:javascript
复制
post:
  comments:
    valine: 评论次数 

源码踪迹

相关的Valine评论数生成的源文件是themes -> next -> scripts -> filters -> comment -> valine.js

该函数在同文件夹下的common.js文件内

因此在zh-Hans.yml中定义post.comments.valine 变量的翻译字段

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年2月28日,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 依赖leancloud
  • 本地设置
  • 说明
  • 数据安全
  • 标题Valine字段翻译
  • 源码踪迹
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档