hexo博客给Valine添加评论自动微信推送


偶尔发现会有博友留言,但是没有主动通知的情况下,发现留言已经很久之后了。
所以,给Valine评论增加了微信通知。
本文记录如何增加微信通知。

全文参考:hexo博客给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:本人才疏学浅,写的代码在内行人看来难免会觉得冗余、低效、不美观,有能力的自行修改便可,如有错误欢迎指正,也欢迎大家在评论区讨论。


文章作者: 在路上
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 在路上 !
评论
  目录