Typecho一键评论打卡功能

2021 年 02 月 16 日

34次浏览

635字数

请输入图片描述
教程
以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行：
请输入图片描述

替换为以下代码:

                    <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

}

正文到此结束

本文作者：零度博客
文章标题：Typecho一键评论打卡功能
本文链接：https://ldww.cn/archives/29.html （转载时请注明本文出处及文章链接）
版权所属：若无注明，本文皆为“零度博客--学习笔记”原创，转载请保留文章出处。

最后修改：2021 年 02 月 16 日 08 : 59 PM

如果觉得我的文章对你有用，请随意赞赏

Typecho一键评论打卡功能

零度博客 • 2021 年 02 月 16 日

请输入图片描述
教程
以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行：
请输入图片描述

替换为以下代码:

                    <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

}

Typecho一键评论打卡功能

发表评论取消回复

Typecho Handsome 模版文章底部添清新的加版权说明 SEO收录优化

技术人员需要了解的8个开源项目

typecho设置nginx伪静态

CSS 实现图片水平居中垂直居中自适应居中

欢迎使用 Typecho

大数据概念性学习 | 必备知识点

typecho修改后台地址

技术人员需要了解的8个开源项目

typecho设置nginx伪静态

discuz X3.*用户帐号被冻结情况有以下两种：

Typecho一键评论打卡功能

发表评论 取消回复

Typecho一键评论打卡功能

发表评论取消回复