偶尔发现会有博友留言,但是没有主动通知的情况下,发现留言已经很久之后了。
所以,给Valine评论增加了微信通知。
本文记录如何增加微信通知。
效果图
如何实现
1.打开Sever酱 网站链接,点击GitHub一键登入
2.到微信推送页面,按照提示绑定微信(需要关注Server酱公众号)
3.获取SCKEY并保存记录下载,等会要用到
4.将以下JS代码粘贴到博客网站引用的JS文件中,这里我用的是matery主题,我把它粘贴到source/js/app.js文件底部,另起一行直接粘贴即可
// valine评论微信通知
var SCKEY_Server="输入你的SCKEY"
var ValineButton=document.getElementsByClassName("vsubmit vbtn")[0];
function send_valine_Server(){
var text="desp=";
var pagename=document.title;
var wz=pagename.indexOf('|');
var res=pagename.substring(0,wz);
var pageurl=document.URL;
var ptime=new Date();
var vnick=document.getElementsByClassName("vnick vinput")[0].value;
var vmail=document.getElementsByClassName("vmail vinput")[0].value;
var veditor=document.getElementsByClassName("veditor vinput")[0].value;
var data=text+"昵称: " + vnick +"\n\n"+ "邮箱: " + vmail +"\n\n"+ "当前页面: " + res + "\n\n" + "评论内容: " + veditor + "\n\n" + "跳转链接: " + pageurl + "\n\n" + "评论时间: " + ptime.toLocaleString()
var httpRequest = new XMLHttpRequest();//第一步:创建需要的对象
var title1="text=博客评论: " + res + '--' + veditor
httpRequest.open('POST', 'https://sc.ftqq.com/'+SCKEY_Server+'.send', true); //第二步:打开连接
httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");//设置请求头 注:post方式必须设置请求头(在建立连接后设置请求头)
httpRequest.send(title1+"&"+data);//发送请求 将情头体写在send中
console.log("有新评论啦22222");
};
ValineButton.onclick=send_valine_Server;
如果你想适配你的站点,只需要修改SCKEY_Server的值和title1的值即可,将之前获取到的SCKEY的值填入双引号之中,比如SCKEY_Server=”SCUXXXXXXXXXXXXXXXXXXXX706c”,将title1里text=而不是第4行的var text后面的内容修改成你想要的内容即可(注意:不要将最后的引号删掉了)
title1对应下图中红色方框的部分标题,内容我写好了模板,会显示昵称、邮箱、当前页面、评论内容、跳转链接、评论时间,以文本的形式显示出来。
PS:本人才疏学浅,写的代码在内行人看来难免会觉得冗余、低效、不美观,有能力的自行修改便可,如有错误欢迎指正,也欢迎大家在评论区讨论。