打卡截图.PNG

这个打卡功能是我最近在逛Citrons大佬的博客时候看到的。
他也发了教程,于是我就把它放到我的博客来了、

那么我把代码也给大家搬运一下。

打卡自定义JavaScript

1、在设置外观-->开发者设置-->自定义JavaScript中添加如下代码
2、然后在设置外观-->PJAX-->PJAX回调函数也加入以下的代码(否则pjax与js冲突)

 function a(a, b, c) {
        if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
        else if (a.selectionStart || "0" == a.selectionStart) {
            var l = a.selectionStart,
                m = a.selectionEnd,
                n = m;
            c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
            c ? n += b.length + c.length : n += b.length - m + l;
            l == m && c && (n -= c.length);
            a.focus();
            a.selectionStart = n;
            a.selectionEnd = n
        } else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
        c = document.getElementById("comment") || 0;
window.SIMPALED = {};
window.SIMPALED.Editor = {
    daka: function() {
        a(c, "滴!学生卡!打卡时间:" + b, ",请上车的乘客系好安全带~ ::funny:06:: ")
    },
    zan: function() {
        a(c, " 写得不错,鼓励一下~~::funny:04:: ")
    },
    cai: function() {
        a(c, "什么?啥子玩意?你怕不是个睿智QAQ::funny:03:: ")
    }
};

3、打开主题目录的component/comments.php的130行后加入以下代码:

<div class="OwO" title="打卡" style="display: inline;" onclick="javascript:SIMPALED.Editor.daka();this.style.display='none'"><div class="OwO-logo"><i class="fontello-pencil"></i><span class="OwOlogotext">&nbsp;&nbsp;打卡</span></div></div>

然后在保存,再在你博客任意一个帖子的评论那里就可以看到打卡功能、

本帖转载于:https://www.citrons.cn/jishu/211.html
非原创,谢谢支持!

Last modification:August 5th, 2019 at 10:58 am