前言

老久之前就看到别人博客有个评论打卡的功能 一直想在自己博客整一个 奈何一直没有时间来搞

预览

教程

此教程仅以Handsome主题为例 其他主题请修改相应代码

1.编辑/usr/themes/handsome/component/comments.php约130行替换为以下代码

<div class="OwO" style="display: inline;"></div><div class="OwO" style="display: inline;"><a href="javascript:addNumber('哔,萌新卡!上车的旅客请系好安全带!现在是:')" class="OwO-logo"><i class="fontello fontello-user face"></i><span class="OwOlogotext">打卡</span></a></div>

2.在后台----设置外观----开发者设置----自定义JavaScript内 加入以下代码:

function addNumber(a) {
    var length = document.getElementById("comment").value.length;
    if(length> 0){
        document.getElementById("comment").value += '\n' + a + new Date
    }else{
        document.getElementById("comment").value += a + new Date
    }
}

3.如果感觉评论框内字体显示较大的话 可以在后台----设置外观----开发者设置----自定义CSS 内 加入以下代码:

/*评论框内字体大小*/
.form-control {
    font-size: 12px;
}
最后修改:2019 年 05 月 09 日 02 : 22 PM
如果觉得我的文章对你有用,请随意赞赏