侧边栏MAC样式
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/macstyle.css">
网站在QQ分享成卡片
<meta itemprop="name" content="刘泽奇博客"/>
<meta itemprop="image" content="https://res.liuzeqi.com/liuzeqi/images/tx.png" />
<meta name="description" itemprop="description" content="这辈子,人潮汹涌,感谢遇到你." />
添加在线人数统计
在functios.php最后加这段代码
function online_users() {
$filename='online.txt'; //数据文件
$cookiename='Nanlon_OnLineCount'; //Cookie名称
$onlinetime=30; //在线有效时间
$online=file($filename);
$nowtime=$_SERVER['REQUEST_TIME'];
$nowonline=array();
foreach($online as $line){
$row=explode('|',$line);
$sesstime=trim($row[1]);
if(($nowtime - $sesstime)<=$onlinetime){
$nowonline[$row[0]]=$sesstime;
}
}
if(isset($_COOKIE[$cookiename])){
$uid=$_COOKIE[$cookiename];
}else{
$vid=0;
do{
$vid++;
$uid='U'.$vid;
}while(array_key_exists($uid,$nowonline));
setcookie($cookiename,$uid);
}
$nowonline[$uid]=$nowtime;
$total_online=count($nowonline);
if($fp=@fopen($filename,'w')){
if(flock($fp,LOCK_EX)){
rewind($fp);
foreach($nowonline as $fuid=>$ftime){
$fline=$fuid.'|'.$ftime."\n";
@fputs($fp,$fline);
}
flock($fp,LOCK_UN);
fclose($fp);
}
}
echo "$total_online";
}
在footer.php 你想加入的地方加入这一行
在线人数: <?php echo online_users() ?>人
人生倒计时侧方美化
这段代码加入 sidebar.php里 可以根据自己喜好加入
<div class="sidebar-box classListBox">
<div class="aside aside-count">
<div class="p-3">人生倒计时</div>
<div class="content">
<div class="item" id="dayProgress">
<div class="title">今日已经过去<span></span>小时</div>
<div class="progress">
<div class="progress-bar">
<div class="progress-inner progress-inner-1"></div>
</div>
<div class="progress-percentage"></div>
</div>
</div>
<div class="item" id="weekProgress">
<div class="title">这周已经过去<span></span>天</div>
<div class="progress">
<div class="progress-bar">
<div class="progress-inner progress-inner-2"></div>
</div>
<div class="progress-percentage"></div>
</div>
</div>
<div class="item" id="monthProgress">
<div class="title">本月已经过去<span></span>天</div>
<div class="progress">
<div class="progress-bar">
<div class="progress-inner progress-inner-3"></div>
</div>
<div class="progress-percentage"></div>
</div>
</div>
<div class="item" id="yearProgress">
<div class="title">今年已经过去<span></span>个月</div>
<div class="progress">
<div class="progress-bar">
<div class="progress-inner progress-inner-4"></div>
</div>
<div class="progress-percentage"></div>
</div>
</div>
</div>
</div>
</div>
后台头部自定义内容加
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/timeinfo.css">
<script src="https://res.liuzeqi.com/blog/js/timeinfo.js"></script>
字体美化
后台头部自定义内容加
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/font.css">
电脑鼠标美化
后台头部自定义内容加
<link rel="stylesheet" href="https://res.liuzeqi.com/cursor/cat/css/cursor.css">
logo美化动态&
后台头部自定义内容加
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/fonts/logo/logo.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/logo.css">
在navbar.php中的第13行的代码删除 然后加上 下面代码 可以把刘泽奇修改为你自己名字 即可
<span class="logolink miao">
<a href="https://blog.liuzeqi.com/">
<span class="sakuraso">刘泽奇</span>
<span class="no">の</span>
<span class="shironeko">博客</span>
<i class="up-new" style="display:inline-block;vertical-align: middle;height: 35px;"></i></a>
</span>
</li>
评论区添加动态猫
后台头部自定义内容加
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/plbj.css">
滚动条显示位置百分比
打开navbar.php文件,将以下代码添加到第10行下方即可,在
<div id="percentageCounter"></div>
后台头部自定义内容加
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/loadbar.css">
后台底部自定义内容中加
<script src="https://res.liuzeqi.com/blog/js/loadbar.js"></script>
大厂CDN提供商图标
代码加在 footer.php里 在前面即可 自己喜欢就好
<center>
<a href="https://cloud.tencent.com/" target="_blank" rel="nofollow">
<img src="https://res.liuzeqi.com/liuzeqi/images/tencentcloud.svg" alt="CDN Sponsor" style="height: 1.5em;"></a>
<a href="https://www.aliyun.com/" target="_blank" rel="nofollow">
<img src="https://res.liuzeqi.com/liuzeqi/images/alicloud.svg" alt="Server provider" style="height: 1.5em;"></a>
<a href="https://cloud.google.com/" target="_blank" rel="nofollow">
<img src="https://res.liuzeqi.com/liuzeqi/images/googlecloud.svg" alt="Google Analytics" style="height: 1.5em; "></a>
<a href="https://bt.cn/" target="_blank" rel="nofollow">
<img src="https://res.liuzeqi.com/liuzeqi/images/baota.svg" alt="Google Analytics" style="height: 2em; "></a>
</center>
网站运行时间
代码加在 footer.php里 在前面即可 自己喜欢就好
<span id = "runtime_span"></span>
<script type = "text/javascript">
function show_runtime()
{window.setTimeout("show_runtime()",1000);X=new
Date("1/01/2021 00:00:00"); //初始建站时间修改此处
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="网站已运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();
</script>
悬挂猫
后台头部自定义内容加
<script type="text/javascript" src="https://res.liuzeqi.com/xuanguamao/js/szgotop.js"></script>
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/xuanguamao/css/szgotop.css" />
后台底部自定义内容中加
<div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -999px;"></div>
添加加载时间
在functions.php添加以下内容
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;
}
之后在footer.php中的上面添加
加载耗时:<?php echo timer_stop();?>
网站在线人数
在 functios.php最后添加
function online_users() {
$filename='online.txt'; //数据文件
$cookiename='Nanlon_OnLineCount'; //Cookie名称
$onlinetime=30; //在线有效时间
$online=file($filename);
$nowtime=$_SERVER['REQUEST_TIME'];
$nowonline=array();
foreach($online as $line){
$row=explode('|',$line);
$sesstime=trim($row[1]);
if(($nowtime - $sesstime)<=$onlinetime){
$nowonline[$row[0]]=$sesstime;
}
}
if(isset($_COOKIE[$cookiename])){
$uid=$_COOKIE[$cookiename];
}else{
$vid=0;
do{
$vid++;
$uid='U'.$vid;
}while(array_key_exists($uid,$nowonline));
setcookie($cookiename,$uid);
}
$nowonline[$uid]=$nowtime;
$total_online=count($nowonline);
if($fp=@fopen($filename,'w')){
if(flock($fp,LOCK_EX)){
rewind($fp);
foreach($nowonline as $fuid=>$ftime){
$fline=$fuid.'|'.$ftime."\n";
@fputs($fp,$fline);
}
flock($fp,LOCK_UN);
fclose($fp);
}
}
echo "$total_online";
}
之后在footer.php中的上面添加
在线人数: <?php echo online_users() ?>人
彩色打字机
后台底部自定义内容中加
<script src="https://res.liuzeqi.com/blog/js/titledaziji.js"></script>
震动字
后台头部自定义内容加
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/pshake.css">
在你想跳动的地方添加<div class="Pshake">
结束的地方添加</div>
页面欺骗 动态浏览器标题
后台底部自定义内容中加
<script src="https://res.liuzeqi.com/blog/js/titlecheat.js"></script>
=========
显示访问者来源 IP 系统 浏览器
后台底部自定义内容中加
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;"></div>
<script src="https://res.liuzeqi.com/blog/js/fetch.min.js"> type="text/javascript" </script>
<script src="https://res.liuzeqi.com/blog/js/ipfpslook.js"> type="text/javascript" </script>
<script src="https://res.liuzeqi.com/layer/3.1.1/layer.js">type="text/javascript" charset="utf-8"></script>
樱花飘落
后台头部自定义内容加
<script src="https://res.liuzeqi.com/blog/js/yh.js"></script>
无脑版 下面 全套复制到后台 即可
<link rel="stylesheet" href="https://res.liuzeqi.com/fontawesome/5.13/css/all.css" >
<link rel="stylesheet" href="https://res.liuzeqi.com/cursor/cat/css/cursor.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/font.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/macstyle.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/fonts/logo/logo.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/logo.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/timeinfo.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/plbj.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/loadbar.css">
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/xuanguamao/css/szgotop.css" />
<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/pshake.css">
<script src="https://res.liuzeqi.com/jquery/3.5.1/jquery-3.5.1.min.js"></script>
<script src="https://res.liuzeqi.com/blog/js/timeinfo.js"></script>
<script src="https://res.liuzeqi.com/blog/js/yh.js"></script>
<script type="text/javascript" src="https://res.liuzeqi.com/xuanguamao/js/szgotop.js"></script>
然后在后台底部自定义内容中加
<div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -999px;"></div>
<script src="https://res.liuzeqi.com/blog/js/titledaziji.js"></script>
<script src="https://res.liuzeqi.com/blog/js/titlecheat.js"></script>
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;"></div>
<script src="https://res.liuzeqi.com/blog/js/fetch.min.js"> type="text/javascript" </script>
<script src="https://res.liuzeqi.com/blog/js/ipfpslook.js"> type="text/javascript" </script>
<script src="https://res.liuzeqi.com/layer/3.1.1/layer.js">type="text/javascript" charset="utf-8"></script>
<script src="https://res.liuzeqi.com/blog/js/loadbar.js"></script>
然后在后台自定义css里面添加
.post-ctx,.post-comment.mt-4,.sidebar-box {
background-clip: border-box;
border-radius: 15px;
box-shadow: -2px 8px 17px 0 rgb(0 255 132 / 60%), 0 6px 20px 0 rgb(255 255 255 / 19%);
}
.sidebar-banner{
border-radius: 20px 20px 0px 0px;
}
img.lazy.loaded{
border-radius: 15px;
}
.friends-img.mr-2.lazy.loaded:hover{
transform:rotate(360deg);
}
.comment-avatar:hover{
transform:rotate(360deg);
}
.sidebar-comment-avatar.mr-1:hover{
transform:rotate(360deg);
}
.friends-img.mr-2.lazy.loaded,.comment-avatar,.sidebar-comment-avatar.mr-1 {
border-radius: 50%;
animation: light 4s ease-in-out infinite;
transition: all 0.5s;
}
@keyframes light {
0% {
box-shadow: 0 0 4px
#ff1354;
}
25% {
box-shadow: 0 0 16px #1ebbff;
}
50% {
box-shadow: 0 0 4px #0ed39f;
}
75% {
box-shadow: 0 0 16px #4fe7f4;
}
100% {
box-shadow: 0 0 4px #f35444;
}
}
#like.btn.btn-outline-primary.rounded-pill.align-items-center.d-inline-flex,#headingMoney.btn.btn-outline-primary.rounded-pill.align-items-center.d-inline-flex {
animation: star 0.5s ease-in-out infinite alternate;
}
@keyframes star {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}
textarea#comment-textarea:focus{
background-position-y:120px;
transition:all 0.25s ease-in-out 0s;
}
.aside-count .content {
padding: 15px
}
.aside-count .content .item {
margin-bottom: 15px
}
.aside-count .content .item:last-child {
margin-bottom: 0
}
.aside-count .content .item .title {
font-size: 12px;
color: var(--minor);
margin-bottom: 5px;
display: flex;
align-items: center
}
.aside-count .content .item .title span {
color: var(--theme);
font-weight: 500;
font-size: 14px;
margin: 0 5px
}
.aside-count .content .item .progress {
display: flex;
align-items: center
}
.aside-count .content .item .progress .progress-bar {
height: 10px;
border-radius: 5px;
overflow: hidden;
background: var(--classC);
width: 0;
min-width: 0;
flex: 1;
margin-right: 5px
}
@keyframes progress {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
.aside-count .content .item .progress .progress-bar .progress-inner {
width: 0;
height: 100%;
border-radius: 5px;
transition: width 0.35s;
-webkit-animation: progress 750ms linear infinite;
animation: progress 750ms linear infinite
}
.aside-count .content .item .progress .progress-bar .progress-inner-1 {
background: #bde6ff;
background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);
background-size: 30px 30px
}
.aside-count .content .item .progress .progress-bar .progress-inner-2 {
background: #ffd980;
background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);
background-size: 30px 30px
}
.aside-count .content .item .progress .progress-bar .progress-inner-3 {
background: #ffa9a9;
background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);
background-size: 30px 30px
}
.aside-count .content .item .progress .progress-bar .progress-inner-4 {
background: #67c23a;
background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);
background-size: 30px 30px
}
.aside-count .content .item .progress .progress-percentage {
color: var(--info)
}
.article.have-img.d-flex{
border-radius: 40px;
box-shadow: 2px 4px 3px rgba(0,0,0,.2);
}
.carousel-inner{
border-radius: 40px;
box-shadow: 2px 4px 3px rgba(0,0,0,.2);
}