匿名.

Typecho添加评论打卡功能
前言老久之前就看到别人博客有个评论打卡的功能 一直想在自己博客整一个 奈何一直没有时间来搞预览教程1.编辑/usr...
扫描右侧二维码阅读全文
09
2019/05

Typecho添加评论打卡功能

前言

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

预览

教程

此教程仅以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;
}

本文由 匿名. 创作, 采用 知识共享署名4.0 国际许可协议进行许可

本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名

原文地址:《Typecho添加评论打卡功能》

最后修改:2019 年 05 月 09 日 02 : 22 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论

1 条评论

  1. 匿名.

    哔,萌新卡!上车的旅客请系好安全带!现在是:Thu May 09 2019 13:41:04 GMT+0800 (中国标准时间)