为网站首页加上春节灯笼 效果图： 代码隐藏内容，请前往内页查看详情使用方法：粘贴到首页index.php文件末尾

给博客加上个好看的来访提示 复制下方代码Joe主题设置，放到自定义js里预览图代码<!-- 来访提示客户端信息 --> <div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;-webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none;"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js"></script> <script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script> <script> /*网站打开提醒代码开始*/ $(function(){ if(/*getCookie('msg') !=*/ 1){ var t = document.createElement("a"); t.href = document.referrer; var msgTitle = t.hostname; var name = t.hostname.split(".")[1]; if("" !== document.referrer){ switch (name) { case 'bing': msgTitle = '必应搜索'; break; case 'baidu': msgTitle = '百度搜索'; break; case 'so': msgTitle = '360搜索'; break; case 'google': msgTitle = '谷歌搜索'; break; case 'sm': msgTitle = '神马搜索'; break; case 'sogou': msgTitle = '搜狗搜索'; break; default: msgTitle = t.hostname; }; }; var time = (new Date).getHours(); var msg = ''; 23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5< time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7< time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11< time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14< time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17< time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19< time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21< time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~"); $.ajax({ type:"get", url:"https://api.gmit.vip/Api/UserInfo/", async:true, success:function(data){ window.info = data; layer.msg("Hi~ 来自"+ data.data.location + '~<br/>通过 '+msgTitle+' 进来的朋友！<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站！' + '<br/>' + msg); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; var e,pe,pid,fps,last,offset,step,appendFps; fps = 0; last = Date.now(); step = function(){ offset = Date.now() - last; fps += 1; if( offset >= 1000 ){ last += offset; appendFps(fps); fps = 0; }; requestAnimationFrame( step ); }; appendFps = function(fps){ var settings = { timeout: 5000, logError: true }; $('#fps').html('<span style="float:left;">'+fps+'FPS</span><br/><span style="float:left">'+window.info.data.os+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.location+'</span><br/><span style="float:left;margin-top:1px;"></span>'); }; step(); })(); } }); }; }); </script> <!-- 来访提示结束 -->

最好用的网站音乐播放器——依米花播放器 博主使用的博客框架是Typecho，一直在找一款好看方便的网站音乐播放器，试过几款播放器插件但都不怎么好用，有幸体验到依米花播放器music.piphp.com感觉还不错，便有了这篇文章。

网站弹出式公告 效果图代码隐藏内容，请前往内页查看详情 代码要放在网站标签前

新年倒计时源码 本源码基于原版新年倒计时修改而来烟花模拟器https://github.com/NianBroken/Firework_Simulator预览： 原版 新年倒计时demo：https://tc.yuqwq.xyz/demo/old1 {dotted startColor="#ff6c6c" endColor="#1989fa"/}修改版 新年倒计时demo: https://tc.yuqwq.xyz/demo/new1 {dotted startColor="#ff6c6c" endColor="#1989fa"/}修改以下内容：更换了背景音乐链接，改为自建网盘+微软云盘修改了倒计时，由每年1月1日改为每年春节修改文字删除原版右下角唯品会广告删除原版代码的bug删除1月1日的祝福语删除原版百度统计代码{dotted startColor="#ff6c6c" endColor="#1989fa"/}下载地址隐藏内容，请前往内页查看详情隐藏内容，请前往内页查看详情

Joe主题为头像添加呼吸灯 原文地址：https://ruyun.tk/55.html添加后长这样 代码来了 <style> /*头像呼吸光环和鼠标悬停旋转放大*/ .avatar { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; } .avatar:hover { transform: scale(1.15) rotate(720deg); } @keyframes light { 0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;} } </style>安放位置在Joe后台中编辑

Joe主题 给首页和文章页顶部加一个大图 原文地址：https://www.xccx.cc/archives/31/文章页顶部效果图展示 首页顶部效果图展示 先给首页顶部加一个大图第一步修改 index.php 文件，文件目录 Joe主题文件/index.php 下面两个是我推荐的，放在图片地址里即可同步侧边栏博主背景壁纸代码： <?php $this->options->JAside_Author_Image() ?> 随机高清背景图API： https://www.xccx.cc/api/tp/index.php {tabs}{tabs-pane label="代码"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="代码位置"} {/tabs-pane}{/tabs}第二步下载CSS文件放入服务器，然后后台代码引入CSS隐藏内容，请前往内页查看详情{tabs}{tabs-pane label="代码"} <link rel="stylesheet" href="这里填写你CSS的直链地址"> {/tabs-pane}{tabs-pane label="引入位置"} {/tabs-pane}{/tabs}第三步设置全局透明度，这个看个人需求，也可以忽略此步骤{tabs}{tabs-pane label="代码"}透明度自己改，数字就是，不会就百度 body {--background: rgba(255,255,255,0.8);} {/tabs-pane}{tabs-pane label="代码位置"} {/tabs-pane}{/tabs}再给文章页顶部加一个大图友情提示：文章顶部图显示规则写成了与首页文章列表一样获取，会自动显示文章里的第一张图，文章无图的情况下会自动显示你后台设置的自定义缩略图，在后台图片设置选项添加，或者你也可以更换自己的api图库自行更换图库方法：下面第一行代码中 <?php echo _getThumbnails($this)[0] ?> 换成自己的图片地址即可教程方法修改 post.php 文件，文件目录 Joe主题文件/post.php {tabs}{tabs-pane label="代码"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="代码位置"} {/tabs-pane}{/tabs}

Joe主题 更换友情链接卡片样式 原文地址：https://www.xccx.cc/archives/46/效果图展示，详情可看本站 友情链接1. 第一步修改 friends.php 文件，文件目录 Joe主题文件/friends.php 把以下代码进行替换（友情提示：修改前先备份，不喜欢可以换回去）{tabs}{tabs-pane label="代码"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="需要替换的代码"} {/tabs-pane}{tabs-pane label="替换后的样子"} {/tabs-pane}{/tabs}2.第二步下载CSS文件放入服务器，然后后台代码引入CSS隐藏内容，请前往内页查看详情{tabs}{tabs-pane label="代码"} <link rel="stylesheet" href="这里填写你的CSS文件直链地址"> {/tabs-pane}{tabs-pane label="引入位置"} {/tabs-pane}{/tabs}