Typecho实现一键评论打卡功能(完整版)

2019-07-01T20:07:00

前言

18年的时候发布了一个没有完善的版本 由于学业繁忙 一直没有时间改 今天就改了完整版 ::funny:04::

教程

[scode type="green"]我用的handsome主题 其他的自己改 但是也挺简单的[/scode]
1、首先在后台-->设置外观-->开发者设置-->自定义JavaScript加入以下代码:
2、然后在后台-->设置外观-->PJAX-->PJAX回调函数也加入以下的代码(否则pjax与js冲突)
[collapse status="false" title="代码"]

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, ",请上车的乘客系好安全带~")
    },
    zan: function() {
        a(c, " 写得好好哟,我要给你生猴子!::funny:04:: ")
    },
    cai: function() {
        a(c, "骚年,我怀疑你写了一篇假的文章!::funny:03:: ")
    }
};

[/collapse]

3、打开主题目录的component/comments.php130行后加入以下代码:
[collapse status="false" title="代码"]

                      <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"></span></div></div>
              <div class="OwO" title="赞" style="display: inline;" onclick="javascript:SIMPALED.Editor.zan();this.style.display='none'"><div class="OwO-logo"><i class="glyphicon glyphicon-thumbs-up"></i><span class="OwOlogotext"></span></div></div>
          <div class="OwO" title="踩" style="display: inline;" onclick="javascript:SIMPALED.Editor.cai();this.style.display='none'"><div class="OwO-logo"><i class="glyphicon glyphicon-thumbs-down"></i><span class="OwOlogotext"></span></div></div>

[/collapse]

4、在后台-->设置外观-->开发者设置-->自定义CSS加入以下代码:
[collapse status="false" title="代码"]

.secret_comment {
    top: 5px;
}
.OwO.OwO-open .OwO-body {
    display:table
}

[/collapse]
然后就大功告成了 ::funny:03:: 快点来水评论吧!!!

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »