51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Hexo 为 Valine 增加博主、小伙伴标识以及浏览器图标

引言 {#引言}

这个原生的 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 前端单次加密本身不安全,但是安不安全是相对的,只是邮箱信息本身价值不大。


赞(4)
未经允许不得转载:工具盒子 » Hexo 为 Valine 增加博主、小伙伴标识以及浏览器图标