首先在后台->设置外观->开发者设置->自定义JavaScript加入以下代码：PJAX用作函数也加入该代码
function a(a, b, c) {
if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
else if (a.selectionStart || "0" == a.selectionStart) {
var l = a.selectionStart,
m = a.selectionEnd,
n = m;
c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
c ? n += b.length + c.length : n += b.length - m + l;
l == m && c && (n -= c.length);
a.focus();
a.selectionStart = n;
a.selectionEnd = n
} else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
c = document.getElementById("comment") || 0;
window.SIMPALED = {};
window.SIMPALED.Editor = {
daka: function() {
a(c, "滴！学生卡！打卡时间：" + b, "，请上车的乘客系好安全带~")
},
zan: function() {
a(c, " 写得好好哟,我要给你生猴子！::funny:04:: ")
},
cai: function() {
a(c, "骚年,我怀疑你写了一篇假的文章！::funny:03:: ")
}
};主题目录的component / comments.php里面的126行到144行附近：
<div class="comment-form-comment form-group">
<label for="comment"><?php _me("评论") ?>
<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" title="打卡" style="display: inline;" onclick="javascript:SIMPALED.Editor.daka();this.style.display='none'"><div class="OwO-logo"><i class="fontello-pencil"></i><span class="OwOlogotext">打卡</span></div></div>
<div class="OwO" title="赞" style="display: inline;" onclick="javascript:SIMPALED.Editor.zan();this.style.display='none'"><div class="OwO-logo"><i class="glyphicon glyphicon-thumbs-up"></i><span class="OwOlogotext"></span></div></div>
<div class="OwO" title="踩" style="display: inline;" onclick="javascript:SIMPALED.Editor.cai();this.style.display='none'"><div class="OwO-logo"><i class="glyphicon glyphicon-thumbs-down"></i><span class="OwOlogotext"></span></div></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>在后台->设置外观->开发者设置->自定义CSS加入以下代码：
.secret_comment {
top: 5px;
}
.OwO.OwO-open .OwO-body {
display:table
}
引入Sweet Alert2(开发者设置->自定义输出body尾部的HTML代码)
<!-- Sweet Alert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>添加js(开发者设置/自定义JavaScript,PAJX回调函数)
<!-- Sweet Alert2 -->
document.body.oncopy = function()
{
Swal.fire({
type: 'success',
allowOutsideClick: false,
allowEscapeKey: false,
showConfirmButton: false,
icon: 'warning',
timer: 2000,
title: '复制成功,转载请注明出处！',
});
};
将以下代码插入到设置外观 - 开发者设置 - 自定义输出body尾部HTML代码即可
普通样式
<script type="text/javascript">
console.clear(); // 清屏
console.log("这里是内容");
</script>3D字体
console.log("\n %c 我是3D","color: white;text-shadow: 2px 2px 4px #000000;font-size:50px; padding:10px;");彩色背景
console.log("\n\n %c 彩色背景","color: balck;font-size:50px; padding:10px;background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);padding:20px 40px;");制作图案
处理字符画。console.log()是不允许换行的，因此需要将所有换行的地方修改为n
设置外观 - 开发者设置 - 自定义 JavaScript
let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
tag.style.backgroundColor = tagsColor;
});还需要将上面代码添加到pjax-pjax回调函数中
直接使用iframe方法来引入，比较方便
<iframe align="center" width="100%" height="200px" src="页面路径" frameborder="no" border="0" scrolling="no" marginwidth="0" marginheight="0" ></iframe>
在typecho中的markdown语法!!!你的代码!!!这样是嵌入代码，记得是英文感叹号。
代码如下
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>