搭建自己的技术博客系列(三)让你的博客拥有评论功能!
admin
2023-02-13 19:20:01
0

给大家介绍一个博客评论神器,Valine。

本来hexo博客用的是gitment,我也非常喜欢。无奈我用着bug略多,而且毕竟有github账户的小伙伴似乎并不多。于是我就忍痛准备换评论系统。然后在最近刚刚加入的hexo博客群里,看见了一个神器。也就是本篇主人公——Valine.js。

具体配置就见如下的文章吧。它的定义—— 一款极简的无后端评论系统。

在多说和网易云跟帖相继倒闭的情况下,这个简直是救人一命胜造七级浮屠呀。

Valine -- 一款极简的评论系统

Valine官网

这个评论系统是基于LeanCloud的,大家应该对这个很熟悉,对,Hexo的博客阅读量统计也是它。官网网址如下,需要注册一个账户。

Leancloud配置

首先访问Leancloud官网https://leancloud.cn/
有Github账号的小伙伴可以用Github账号进行登陆然后绑定邮箱就可以啦!
进入之后点击创建应用
搭建自己的技术博客系列(三)让你的博客拥有评论功能!

搭建自己的技术博客系列(三)让你的博客拥有评论功能!

搭建自己的技术博客系列(三)让你的博客拥有评论功能!

搭建自己的技术博客系列(三)让你的博客拥有评论功能!

Valine配置

搭建自己的技术博客系列(三)让你的博客拥有评论功能!

将下载好的 Valine.min.js 放置于 next\source\js\src\ 下
接着,打开valine配置文件进行配置
valine配置文件路径:next\layout_third-party\comments\valine.swig

{% if theme.valine.enable and theme.valine.appid and theme.valine.appkey %}
  
    //删除Valine核心代码库外链调用
    //调用刚下载的本地文件以加速加载速度

  {% set valine_uri = '/js/src/Valine.min.js' %}  //这里改为从本地加载
  {% if theme.vendors.valine %}
    {% set valine_uri = theme.vendors.valine %}
  {% endif %}
  

  
{% endif %}

然后我们去主题配置文件中进行修改
主题配置文件路径:next_config.yml
找到以下参数进行修改

valine:
  enable: true //打开valine评论功能
  appid: 你的leancloud appid 
  appkey: 你的leancloud appkey 
  notify: false //邮件提醒
  verify: true //评论时是否有验证码,需要在Leancloud 设置->安全中心 中打开
  placeholder: 说点什么吧! //评论框默认显示
  avatar: hide //评论者的头像,我这里设置的不显示
  guest_info: nick # custom comment header
  pageSize: 10 # pagination size

我的配置文件

由于Icarus主题的配置文件结构和next不太一样,所以我们这边的配置文件也有点不一样,首先修改_config.xml文件
搭建自己的技术博客系列(三)让你的博客拥有评论功能!
然后在valine.ejs中加入以下代码
搭建自己的技术博客系列(三)让你的博客拥有评论功能!
如果你使用的next主题,可以这样修改配置文件
搭建自己的技术博客系列(三)让你的博客拥有评论功能!
PS:评论者头像可以进行如下设置

到此,一个极简评论系统就完成啦!
搭建自己的技术博客系列(三)让你的博客拥有评论功能!

效果预览

https://how2playlife.com/
随便找一篇文章,拉到最下面,就是这个效果啦

相关内容

热门资讯

深度专访|网易智企段毓铮:不敢... 企业AI的商业化,难点在于让客户敢用、会用、用得有效果。在WAIC现场,搜狐AI邀请到网易智企副总经...
来论|从“菲尔兹奖”,看见科技... 王虹、邓煜分别凭借在调和分析与几何测度论、偏微分方程与数学物理领域的突破性工作,共同荣获2026年菲...
当清洁机器人爬上窗户,能否开启... 过去十年,清洁机器人的故事,几乎都发生在地面上。 扫地、拖地、洗地,从随机碰撞到激光导航,从人工洗抹...
冰箱通电发烫压缩不启动不制冷什... 1、很有可能是因为冰箱的压缩机内高压输出缓冲管出现了断裂,造成高压管不排气,低压管不吸气的这种状况,...
冰箱能通电但是不制冷什么问题 1、电源问题先检查冰箱的电源,看电源的连接是否正常,插头是否通电,插稳。插好插头之后,可以看一下冰箱...
洗衣机通电为什么不转动 导致这类问题一般有这几种情况:可能是进水电磁阀故障导致,若电磁阀已得电还不进水,就是电磁阀的阀芯被卡...
海尔洗衣机不转动了但是会流水 洗衣机可以进水说明电磁阀工作正常;能排水,说明排水泵是正常。洗衣机电源是没有问题的,但是不转动说明洗...
全球首个5G鲁班工坊莫斯科结硕... 【原标题】全球首个5G鲁班工坊莫斯科结硕果 文/本报记者 黄河 刘恺 李鲲 宋瑞 从渤海之滨到莫斯科...
西门子滚筒洗衣机不启动嗒嗒响 1、可能是因为启动电容器的问题导致的不启动;2、可能是因为皮带松弛和打滑的原因;3、可能是因为棘爪和...
重庆一地发生危岩垮塌,巨石掉落... 7月23日,重庆黔江区,有网友称,金溪镇一路段发生塌方,图片显示,一居民房边有巨石落在路上阻断了道路...