使用增强版Valine

使用增强版Valine

请注意,本文编写于  1,089  天前,最后修改于  723  天前,其中某些信息可能已经过时。

云淡风轻在很早之前就开发了一款极简的 Valine 评论系统,由于现在 Disqus 被墙,使用起来步骤太复杂,所以现在大多数个人博客还是以 Valine 为主。但是原生的 Valine 功能过于单调,后来有不少大佬在基于原作者的基础上增强了 Valine 的功能,我想推荐的一款就是 Deserts 增强的 Valine,作者介绍文档并没有针对hexo博客做出适配,所以我记录一下我在 hexo 博客中做出的修改。

相比于原生 Valine,作者做出了以下增强功能:

  • 支持博主标记显示
  • 必须填写昵称和邮箱才能评论(反垃圾评论的作用)
  • 支持PJAX主题
  • 可以自定义表情包,评论样式修改,点赞功能(新版中被作者去掉了。。。)
  • 评论表情包
  • 支持Disqus数据迁移到valine
  • 隐私保护:敏感字段限制读取,如E-mail、用户信息(使用的浏览器等)、IP
  • 头像显示、样式美化
  • 完善的邮件通知
  • 基于Akimmet的垃圾评论自动标注和过滤
  • 通知邮件补发
  • ......

评论在线预览如下,具体介绍可以参考作者原文博客

增强版 Valine 预览

为了适配 hexo 博客,可以做如下修改:

  1. 先下载作者给出的 Valine.min.js 文件,放到hexo/themes/next/source/js/src 下,或者你的其它托管路径下
  2. 然后修改代码如下:
//文件位置:hexo/themes/next/layout/_third-party/comments/valine.swig

{% if theme.valine.enable and theme.valine.appid and theme.valine.appkey %}
  <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
  <script src="/js/src/Valine.min.js"></script>
  
  <script type="text/javascript">
    new Valine({
        lang: 'zh-cn',
        admin_email: '填写博主邮箱',
        el: '#comments' ,
        appId: '{{ theme.valine.appid }}',
        appKey: '{{ theme.valine.appkey }}',
        emoticon_url: 'https://cloud.panjunwen.com/alu',
        emoticon_list: ["狂汗.png","不说话.png","汗.png","坐等.png","献花.png","不高兴.png","中刀.png","害羞.png","皱眉.png","小眼睛.png","暗地观察.png"],
        placeholder: '{{ theme.valine.placeholder }}',
  });
  </script>
{% endif %}

这样就可以基本替代了,但是…但是还是存在不少 BUG,比如,原生 Valine 自带的首页元数据评论数量统计不见了,有人提出了 issue,作者表示无意开发这个功能。

如果你懂一些 css 知识的话,评论样式依旧可以自己在 cuntom.styl 文件中修改。

本文由 Sanarous 创作,如果您觉得本文不错,请随意赞赏
采用 知识共享署名4.0 国际许可协议进行许可,转载前请务必署名
本文链接:https://bestzuo.cn/posts/3307440964.html
最后更新于:2020-07-03 17:46:36

切换主题 | SCHEME TOOL