Typecho博客程序添加评论打卡功能方法

Typecho添加评论打卡功能，此教程仅以Handsome主题为例，其他主题请修改相应代码。

第一步

编辑/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>

第二步

在后台----设置外观----开发者设置----自定义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
    }
}

第三步

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

/*评论框内字体大小*/
.form-control {
    font-size: 12px;
}

只需要三步就搞定，有需要的可以去试试。

本文标签：Typecho

本文链接：https://www.gengjian.net/2019/06/23/110.html