前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >hugo博客开启valine评论系统配置

hugo博客开启valine评论系统配置

作者头像
六月河
发布2023-06-26 16:10:11
2670
发布2023-06-26 16:10:11
举报
文章被收录于专栏:工具客栈工具客栈

警告

本文最后更新于 2022-08-25,文中内容可能已过时。

valine评论设置

用hugo搭建的博客,采用fixIt主题(魔改于loveit),支持多种评论系统设置。valine评论是搭配LeanCloud平台来一起使用的。

valine特性

LeanCloud介绍

LeanCloud(原 AVOS Cloud) 是针对移动应用的一站式云端服务,专注于为应用开发者提供工具和平台。提供包括LeanStorage 数据存储、LeanMessage 通信服务、LeanAnalytics 统计分析、LeanModules 拓展模块等四大类型的后端云服务,加速应用开发。

这里以valine为例讲解一下如何配置,其余博客诸如hexo等,都是大同小异。

主要步骤分为两步:

  1. leancloud注册获取ID和key
  2. config.toml配置文件配置参数

leancloud获取APP ID ,APP Key,服务器地址

  1. 注册leancloud,国际版和国内版(华东区/华北区)可选,账户不互通的,国际版不需要实名,绑定域名也不需要备案。建议选国际版。
  2. 创建一个应用,开发版够用,名称随意。
https://s3.bmp.ovh/imgs/2022/08/23/3c7ae83b11964f52.png
https://s3.bmp.ovh/imgs/2022/08/23/3c7ae83b11964f52.png
  1. 设置 > 应用中可查看到 APP ID,APP Key和服务器地址。

注意:服务器地址这里是默认leancloud提供的域名,但是从2022年8月1号开始,这个域名国内不能直接访问了,因此需要绑定自定义api域名。我刚好遇到这个坑,原来用的是默认的域名,后面突然发现不能评论,一通操作才发现这个问题。

https://s3.bmp.ovh/imgs/2022/08/23/3f85839cd5f21b2d.png
https://s3.bmp.ovh/imgs/2022/08/23/3f85839cd5f21b2d.png
  1. 绑定域名 这里只开通评论的话,接3步骤绑定api域名即可,然后去域名管理中心添加一条cname指向它这里的域名,添加好后会显示部署证书,十几分钟后生效,提示已绑定。 再去应用凭证那里可以看到服务器地址更新为你刚绑定的api域名。
https://s3.bmp.ovh/imgs/2022/08/23/2e9ebace344ddb15.png
https://s3.bmp.ovh/imgs/2022/08/23/2e9ebace344ddb15.png
  1. 填写安全域名 填写应用 > 设置 > 安全设置中的 Web 安全域名。把你的博客域名添加上去。

由于 App ID 和 App Key 是完全暴露的,任何人都可以访问我们的资源。为了防止他人使用,我们需要配置 Web 安全域名,只有添加的域名才可以使用资源。

https://s3.bmp.ovh/imgs/2022/08/23/6d6eff52af936782.png
https://s3.bmp.ovh/imgs/2022/08/23/6d6eff52af936782.png

config.toml配置

将上面步骤获得的APP ID,APP Key和服务器地址填入以下对应的参数位置。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

#以下配置为 loveit,fixIt主题下的config配置 [params.page.comment.valine] appId = "填写leancloud里的APP ID" #参看上面步骤 appKey = "填写leancloud里的APP Key" #参看上面步骤 avatar = "monsterid" #评论者gravatar头像,参看全球头像那篇文章 enable = true enableQQ = true highlight = true lang = "zh-CN" meta = ['nick', 'mail', 'link'] #评论昵称,邮件,链接三个模块 pageSize = 10 placeholder = "欢迎交流!匿名昵称留空即可,已开启邮箱留言自动通知提醒。" #评论区提醒文字 recordIP = true #是否记录ip serverURLs = "填写leancloud里的服务器地址" #参看上面步骤 visitor = false #是否开启访问量统计 #  emoji 数据文件名称,默认是 "google.yml" # ("apple.yml", "google.yml", "facebook.yml", "twitter.yml") # 位于 "themes/FixIt/assets/data/emoji/" 目录 # 可以在你的项目下相同路径存放你自己的数据文件: # "assets/data/emoji/" commentCount = true #评论统计 emoji = "" # emoji表情

配置后

记得在文章的前置参数里把comment改为true。

1 2 3 4 5 6 7 8 9 10 11

title: "valine评论系统配置" subtitle: "" date: 2022-08-22T11:15:06+08:00 author: "Kingpo" authorLink: "" authorEmail: "" description: "" keywords: "" comment: true #评论开启 weight: 0

运行效果如下:

https://s3.bmp.ovh/imgs/2022/08/23/fca811ded03ff90f.png
https://s3.bmp.ovh/imgs/2022/08/23/fca811ded03ff90f.png

至此,评论功能已经开启。

可以进行评论了,这里没做限制,任何人均可留言,昵称或邮箱,网址留或不留均可。

valine无后端,那么评论的数据在哪里管理呢。

答案是在leancloud平台上,评论数据都会存储在名为 Comment 的 Class 中,需要自行登陆 LeanCloud 应用 管理。

进入你的应用 > 存储 > Comment,之后你可以对所有评论进行操作。

https://s3.bmp.ovh/imgs/2022/08/23/4f0de8a3925b9f55.png
https://s3.bmp.ovh/imgs/2022/08/23/4f0de8a3925b9f55.png

如果想要评论数据后端管理,并开启实时邮件通知,参看我这篇valine评论设置邮件通知和valine-admin后台管理


本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-08-22,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • valine特性
  • LeanCloud介绍
  • leancloud获取APP ID ,APP Key,服务器地址
  • config.toml配置
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档