记录下当前博客使用的一些代码参数,更新2020.12.29,目前主题版本为7.3.1

.

1.高德天气插件

2.Typecho代码高亮插件Code Prettify

3.Handsome的信息提示插件

4.头像下方的博主的介绍

博主的介绍

在handsome外观中选项:“博主的介绍”中,添加以下代码:


<span class="text-muted text-xs block"><div id="chakhsu"></div> <script> var chakhsu = function (r) {function t() {return b[Math.floor(Math.random() * b.length)]} function e() {return String.fromCharCode(94 * Math.random() + 33)} function n(r) {for (var n = document.createDocumentFragment(), i = 0; r > i; i++) { var l = document.createElement("span"); l.textContent = e(), l.style.color = t(), n.appendChild(l) } return n}function i() {var t = o[c.skillI]; c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d) } /*修改这里*/ var l = "", o = ["Just Uaeua" ].map(function (r) {return r + ""}), a = 2, g = 1, s = 5, d = 75, b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)", "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"], c = {text: "", prefixP: -s, skillI: 0, skillP: 0, direction: "forward", delay: a, step: g}; i() }; chakhsu(document.getElementById('chakhsu')); </script> </span> </span>

复制代码后,看 /在后面把 修改这里 修改就好了/后面的Just Uaeua,修改它就可以变成你想要的文字了

5.彩色标签云

彩色标签云

  • handsome用户直接在 自定义JavaScript&PJAX回调函数中添加
  • 其他用户在 之前添加本段代码(未经过试验,请知晓)

<!--彩色标签云-->

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;

});

6.访客数量和网站响应耗时

访客数量和网站响应耗时

将以下代码加到themes/handsome/libs/Content.php中,放在class Content{}之前


/**

* 访问总量

*/

function theAllViews(){

$db = Typecho_Db::get();

$row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');

echo number_format($row[0]['SUM(VIEWS)']);

}

/**

* 响应时间

*/

function timer_start() {

global $timestart;

$mtime = explode( ' ', microtime() );

$timestart = $mtime[1] + $mtime[0];

return true;

}

timer_start();

function timer_stop( $display = 0, $precision = 3 ) {

global $timestart, $timeend;

$mtime = explode( ' ', microtime() );

$timeend = $mtime[1] + $mtime[0];

$timetotal = number_format( $timeend - $timestart, $precision );

$r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";

if ( $display ) {

echo $r;

}

return $r;

}

在handsome的component/sidebar.php大概102行添加代码


<li class="list-group-item text-second"><span class="blog-info-icons"> <i data-feather="user"></i></span> <span

class="badge

pull-right"><?php echo theAllViews();?></span><?php _me("访客总数") ?></li>

<li class="list-group-item text-second"><span class="blog-info-icons"> <i data-feather="clock"></i></span> <span

class="badge

pull-right"><?php echo timer_stop();?></span><?php _me("响应耗时") ?></li>

去后台设置主题,自定义css中填入下面代码保存即可完成。


/* 博客信息配套颜色 */

#blog_info>ul>li:nth-child(1)>span.badge{

background-color: #0043ff;

}

#blog_info>ul>li:nth-child(2)>span.badge{

background-color: #cc00ff;

}

#blog_info>ul>li:nth-child(3)>span.badge{

background-color: #ffb100;

}

#blog_info>ul>li:nth-child(4)>span.badge{

background-color: #ff0076;

}

#blog_info>ul>li:nth-child(5)>span.badge{

background-color: #ff0019;

}

#blog_info>ul>li:nth-child(6)>span.badge{

background-color: #0e5458;

}

#blog_info>ul>li:nth-child(7)>span.badge{

background-color: #ff0000;

}

博客底部

博客底部左侧信息


<div class="github-badge">

<a href="./" title="©2021 DX">

<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2021 DX</span>

</a>

</div>

 | 

<div class="github-badge">

<a href="http://www.miitbeian.gov.cn/" target="_blank" title="闽ICP备 14014187号" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">

<span class="badge-subject">闽ICP备</span><span class="badge-value bg-green">14014187号</span>

</a>

</div>

博客底部右侧信息


<a target="_blank" href="console.upyun.com/register/?invite=BJkRJnYQM"><img src="https://danxing.oss-cn-beijing.aliyuncs.com/md/ddd.png" style="width: 80px;"></a>

右键菜单自定义

将以下代码放进博客模板的自定义body 尾部的HTML代码内


<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

<style type="text/css">

a {text-decoration: none;}

div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba

(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}

div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}

div.usercm ul li{margin:0px;padding:0px;line-height:35px;}

div.usercm ul li a{color:#666;padding:0 15px;display:block}

div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}

div.usercm ul li a i{margin-right:10px}

a.disabled{color:#c8c8c8!important;cursor:not-allowed}

a.disabled:hover{background-color:rgba(255,11,11,0)!important}

div.usercm{background:#fff !important;}

</style>

<div class="usercm" style="left: 199px; top: 5px; display: none;">

<ul>

<li><a href="https://dx2.cc/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>

<li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>

<li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li>

<li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>

<li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>

<li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li>

<li><a href="https://dx2.cc/link.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li>

<li><a href="https://dx2.cc/about.html"><i class="fa fa-pencil-square-o fa-fw"></i><span>给我留言吧</span></a></li>

</ul>

</div>

<script type="text/javascript">

(function(a) {

a.extend({

mouseMoveShow: function(b) {

var d = 0,

c = 0,

h = 0,

k = 0,

e = 0,

f = 0;

a(window).mousemove(function(g) {

d = a(window).width();

c = a(window).height();

h = g.clientX;

k = g.clientY;

e = g.pageX;

f = g.pageY;

h + a(b).width() >= d && (e = e - a(b).width() - 5);

k + a(b).height() >= c && (f = f - a(b).height() - 5);

a("html").on({

contextmenu: function(c) {

3 == c.which && a(b).css({

left: e,

top: f

}).show()

},

click: function() {

a(b).hide()

}

})

})

},

disabledContextMenu: function() {

window.oncontextmenu = function() {

return !1

}

}

})

})(jQuery);

function getSelect() {

"" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢!") : document.execCommand("Copy")

}

function baiduSearch() {

var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;

"" == a ? layer.msg("啊噢...你没还没选择文字呢!") : window.open("https://www.baidu.com/s?wd=" + a)

}

$(function() {

for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {

d = !1;

break

}

d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())

});

</script>

```

Last modification:December 29, 2020
如果觉得我的文章对你有用,请随意赞赏