本文最后更新于 82 天前，其中的信息可能已经有所发展或是发生改变。
2023/3/14 通过修改文件 footer.php 添加卡片3D特效
<!-- 设备判断JS脚本
用法：https://github.com/hgoebl/mobile-detect.js#readme
也可至bloghelper取得： https://fastly.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/mobile-detect.js
-->
<script src="https://fastly.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/mobile-detect.js"></script>
<!--鼠标悬停3D效果start-->
<!--1.定义对象属性（似乎没生效）-->
<div class="article.post:not(.post-full)" data-tilt></div>
<div class=".shuoshuo-preview-container" data-tilt></div>
<!--2.JS脚本-->
<script type="text/javascript" src="https://fastly.jsdelivr.net/gh/huangwb8/bloghelper@latest/vanilla3D/vanilla-tilt.js"></script>
<!--3.动作-->
<script type="text/javascript">
// 设备检测。依赖前述mobile-detect项目。
var md = new MobileDetect(window.navigator.userAgent);
// PC生效，手机/平板不生效
// md.mobile(); md.phone();
if(!md.phone() && !md.tablet()){
window.pjaxLoaded = function(){
// 正文卡片
VanillaTilt.init(document.querySelectorAll("article.post:not(.post-full)"),{
reverse:false, // 是否反转倾斜方向
max:2, // 最大的倾斜角度(度)
startX:0, // X轴上的起始倾斜，单位为度。
startY:0, // Y轴上的起始倾斜，单位为度。
perspective:1000, // 转换角度，越低倾斜越极端
scale:1.02, // 缩放比例,2 = 200%, 1.5 = 150%, 等等..
speed:300, // 进入/退出 过渡的速度
transition:true, // 是否在进入/退出的时候设置过渡效果
axis:"y", // 设置禁用哪个轴的反转,值为"x"或者"y"或者null
reset:true, // 设置在退出时清除倾斜效果
easing:"cubic-bezier(.03,.98,.52,.99)", // 设置进入退出时过渡的贝塞尔曲线
glare:true,// 设置是否拥有炫光效果,即透明度渐变效果
"max-glare":0.7, // 设置最大的透明效果,1=100%,0.5=50%
"glare-prerender":false, // false, VanillaTilt为你创建透明炫光元素,否则你需要自己在.jstilt-glare>.js-tilt-glare-inner中自己添加render函数
"mouse-event-element":null, // css选择器或者链接到HTML的元素,他将监听该元素上的鼠标事件
"full-page-listening":false, // 是否监听整个页面的鼠标移动事件,若为true,他将监听这个页面,而非选中元素
gyroscope:false, // 是否开启陀螺仪的方向检测
gyroscopeMinAngleX: 0, //陀螺仪最小角度X
gyroscopeMaxAngleX: 0, //陀螺仪最大角度X
gyroscopeMinAngleY: 0, //陀螺仪最小角度
gyroscopeMaxAngleY: 0, //陀螺仪最大角度
gyroscopeSamples: 10 //陀螺仪样品
})
// 说说卡片
// VanillaTilt.init(document.querySelectorAll(".shuoshuo-preview-container"),{
// reverse:false, // 是否反转倾斜方向
// max:2, // 最大的倾斜角度(度)
// startX:0, // X轴上的起始倾斜，单位为度。
// startY:0, // Y轴上的起始倾斜，单位为度。
// perspective:1000, // 转换角度，越低倾斜越极端
// scale:1.02, // 缩放比例,2 = 200%, 1.5 = 150%, 等等..
// speed:300, // 进入/退出 过渡的速度
// transition:true, // 是否在进入/退出的时候设置过渡效果
// axis:"y", // 设置禁用哪个轴的反转,值为"x"或者"y"或者null
// reset:true, // 设置在退出时清除倾斜效果
// easing:"cubic-bezier(.03,.98,.52,.99)", // 设置进入退出时过渡的贝塞尔曲线
// glare:true,// 设置是否拥有炫光效果,即透明度渐变效果
// "max-glare":0.7, // 设置最大的透明效果,1=100%,0.5=50%
// "glare-prerender":false, // false, VanillaTilt为你创建透明炫光元素,否则你需要自己在.jstilt-glare>.js-tilt-glare-inner中自己添加render函数
// "mouse-event-element":null, // css选择器或者链接到HTML的元素,他将监听该元素上的鼠标事件
// "full-page-listening":false, // 是否监听整个页面的鼠标移动事件,若为true,他将监听这个页面,而非选中元素
// gyroscope:false, // 是否开启陀螺仪的方向检测
// gyroscopeMinAngleX: 0, //陀螺仪最小角度X
// gyroscopeMaxAngleX: 0, //陀螺仪最大角度X
// gyroscopeMinAngleY: 0, //陀螺仪最小角度
// gyroscopeMaxAngleY: 0, //陀螺仪最大角度
// gyroscopeSamples: 10 //陀螺仪样品
// })
}
$(window.pjaxLoaded);
$(document).on('pjax:end', window.pjaxLoaded);
}
</script>
<!--鼠标悬停3D效果end-->
2023/3/14 通过修改文件 footer.php 添加来访欢迎(已取消)
<!--提醒代码-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.staticfile.org/layer/3.1.1/layer.js"></script>
<script>
$(function(){
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 '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",
data:{type:'json'},
async:true,
success:function(data){
layer.msg("Hi~ 来自"+ data.data.location+'~<br/>Hi~ 从'+msgTitle+'来的朋友！<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站！' + '<br/>' + msg);
}
});
});
</script>
2023/3/13 通过修改插件 ，增加评论区IP归属显示到区县，更新IP库 easy-location
2023/3/12 通过添加主题额外CSS引用更换字体
2023/1/12 通过修改header.php ，主题额外CSS，添加顶部滚动进度条 (已复原)
header.php and CSS
<div id="percentageCounter"></div>
<script>
//进度条加载显示
$(window).scroll(function() {
var a = $(window).scrollTop(),
c = $(document).height(),
b = $(window).height();
scrollPercent = a / (c - b) * 100;
scrollPercent = scrollPercent.toFixed(1);
$("#percentageCounter").css({
width: scrollPercent + "%"
});
}).trigger("scroll");
</script>
<style type="text/css">
/*进度条加载显示*/
#percentageCounter{
position: fixed;
left: 0;
top: 0;
height: 5px;
z-index: 99999;
background-image: linear-gradient(to right, #f2f162,#00ff83);
border-radius: 5px;
}
</style>
2022/5/12 通过修改header.php /footer.php ，添加鼠标点击效果
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<!--鼠标点击事件 start-->
<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 99999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"//颜色随机
//"#2299DD" //固定颜色
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
<!--鼠标点击事件 end-->
2022/1/31 通过后台主题添加 过年灯笼挂件（已关闭）
在footer.php的</body>标签前加入下列HTML代码：
<!--春节灯笼--> <link href="https://fastly.jsdelivr.net/gh/huangwb8/bloghelper@latest/css/deng.css" rel="stylesheet"> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">春节</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">快乐</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div>
2021/12/18 通过修改footer.php 添加输入特效（已关闭）
<!--网站输入效果开始-->
<script src="https://fastly.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/input-with-fire.js"></script>
