引言

这个原生的 Valine 就不支持了,我们需要使用魔改版的 Valine 文件,可以直接将原生的 Valine 替换为以下的 Valine.min.js 文件。

魔改版 Valine.min.js
https://cdn.jsdelivr.net/gh/HCLonely/Valine@latest/dist/Valine.min.js

功能说明

与原生的相比,多了以下功能:

  1. 添加博主,小伙伴,访客标签
  2. 添加浏览器和操作系统图标,需 fontawesomeV5 支持
  3. 邮箱检测更严格
  4. 增加 QQ 邮箱识别(原版只能通过昵称栏输入 QQ 号识别)
  5. meta placeholder 可自定义

使用方法

使用方法与原生的类似,不同的是可以多设置几个参数:

参数 类型 说明 默认 示例
tagMeta Array 标签要显示的文字 [“博主”,“小伙伴”,“访客”] [“博主”,“小伙伴”,“访客”]
master Array/String md5 加密后的博主邮箱 [] [“fe01ce2a7fbac8fafaed7c982a04e229”]
friends Array md5 加密后的小伙伴邮箱 [] [“fe01ce2a7fbac8fafaed7c982a04e229”]
metaPlaceholder Object meta placeholder 内容 {} {“nick”:“昵称 / QQ 号”,“mail”:“邮箱 (必填)”}
verify Boolean 评论时是否需要验证,需 jQuery 支持 false true

配置示例

举个例子,我们可以在 Valine 的配置 js 中增加字段如下:

1
2
3
4
5
6
7
8
9
10
11
12
 new Valine({
el: '#vcomments',
appId: '',
appKey: '',
+ master: '48c8f1e79dd340e4b247820fee013082', //博主邮箱md5
+ tagMeta: ["博主","小伙伴","访客"], //标识字段名
+ friends: ["fe01ce2a7fbac8fafaed7c982a04e229","fe01ce2a7fbac8fafaed7c982a04e229"], //小伙伴邮箱Md5
metaPlaceholder: {"nick":"昵称/QQ号","mail":"邮箱(完全保密)"},
placeholder: "填写邮箱可以及时收到回复哦(●'◡'●)",
avatar: 'wavatar',
enableQQ: true,
});

以上在 Valine 的配置中加入参数就可以实现了,并且不影响原生的其它参数。
MD5 加密可以推荐一个在线生成网站,不过 MD5 前端单次加密本身不安全,但是安不安全是相对的,只是邮箱信息本身价值不大。