Typecho下实现一键评论打卡功能

非本站原创,本站只优化了显示样式(样式来于Mark's Blog)及部分代码

教程

以Handsome主题为例
1、首先在后台-->设置外观-->开发者设置-->自定义JavaScript加入以下代码:

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

2、打开主题目录的component/comments.php里面的126行到141行:
代码
替换为以下代码:

                    <div class="comment-form-comment form-group">
                        <label for="comment"><?php _me("评论") ?> <span class="required text-danger">(请使用真实邮箱地址,方便接收评论回复)</span>
                            <span class="required text-danger"></span></label>
                        <textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="<?php _me("说点什么吧……") ?>" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"><?php $this->remember('text'); ?></textarea>
                        <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>
                        <div class="secret_comment" id="secret_comment" data-toggle="tooltip"
                        data-original-title="<?php _me("开启该功能,您的评论仅作者和评论双方可见") ?>">
                            <label class="secret_comment_label control-label"><?php _me("私密评论") ?></label>
                            <div class="secret_comment_check">
                                <label class="i-switch i-switch-sm bg-dark m-b-ss m-r">
                                    <input type="checkbox" id="secret_comment_checkbox">
                                    <i></i>
                                </label>
                            </div>
                        </div>
                    </div>

3、在后台-->设置外观-->开发者设置-->自定义CSS加入以下代码:

.secret_comment {
    top: 5px;
}
.OwO.OwO-open .OwO-body {
    display:table
}
本文作者:酷酷的二货

本文链接:https://www.n-1.cn/37.html

版权声明:所有文章均采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。 您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。

如果博客部分文章出现空白或异常,请留言或者联系博主修复。
最后修改:2019 年 08 月 30 日 05 : 36 PM
如果觉得我的文章对你有用,请随意赞赏

14 条评论

  1. 东北小蟹蟹

    滴!访客卡!请上车的乘客系好安全带,现在是:Sun Oct 06 2019 22:23:39 GMT+0800 (中国标准时间)

  2. 酷酷的二货

    滴!访客卡!请上车的乘客系好安全带,现在是:Mon Sep 02 2019 18:34:24 GMT+0800 (中国标准时间)

    1. 薄荷味少年
      @酷酷的二货

      滴!访客卡!请上车的乘客系好安全带,现在是: Mon Sep02 2019 18:34:24 GMT 0800(中国标准时间)

      1. 东北小蟹蟹
        @薄荷味少年

        滴!访客卡!请上车的乘客系好安全带,现在是:Sun Oct 06 2019 22:23:59 GMT+0800 (中国标准时间)

  3. 杰克

    滴!访客卡!请上车的乘客系好安全带,现在是:Sat Aug 31 2019 00:04:34 GMT+0800 ()

  4. Mark

    朋友,转发还把版权去掉了吗?

    1. 酷酷的二货
      @Mark

      不好意思,加上了,抱歉

      1. Mark
        @酷酷的二货

        还有你盗用我的LOGO是啥意思呢

        1. 酷酷的二货
          @Mark

          啊~没注意,觉得好看 ̄﹃ ̄

  5. 辰子

    滴!访客卡!请上车的乘客系好安全带,现在是:Fri Aug 30 2019 15:49:55 GMT+0800 (中国标准时间)

    1. 酷酷的二货
      @辰子

      这么快的么,刚发一篇文章那就来了

      1. 辰子
        @酷酷的二货

        一直关注

        1. 酷酷的二货
          @辰子

          (ฅ´ω`ฅ)

  6. 酷酷的二货

    滴!访客卡!请上车的乘客系好安全带,现在是:Fri Aug 30 2019 15:38:26 GMT+0800 (中国标准时间)

发表评论