# 头部
<!--Alist V3建议添加的,已经默认添加了,如果你的没有建议加上--> | |
<script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.replaceAll"></script> | |
<!--引入字体,全局字体使用--> | |
<link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-webfont@1.1.0/lxgwwenkai-regular.css" /> | |
<!-- Font6,自定义底部使用和看板娘使用的图标和字体文件--> | |
<link type='text/css' rel="stylesheet" href="https://npm.elemecdn.com/font6pro@6.0.1/css/fontawesome.min.css" media='all'> | |
<link href="https://npm.elemecdn.com/font6pro@6.0.1/css/all.min.css" rel="stylesheet"> | |
<style> | |
/* 去除通知栏 右上角 X */ | |
/* .notify-render .hope-close-button{ | |
display: none; | |
} */ | |
@media only screen and (min-width: 769px) { | |
body.hope-ui-light { | |
/* Desktop-specific styles for light mode */ | |
background-image: url("https://tc.kuwu.eu.org/file/99a87951d3356a2d9351a.jpg") !important; | |
background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center; | |
/* ... other desktop styles for light mode ... */ | |
} | |
body.hope-ui-dark { | |
/* Desktop-specific styles for night mode */ | |
background-image: url("https://tc.kuwu.eu.org/file/54c2027eddfcfc7697e1f.jpg") !important; | |
background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center; | |
/* ... other desktop styles for night mode ... */ | |
} | |
} | |
/* Mobile Styles */ | |
@media only screen and (max-width: 768px) { | |
body.hope-ui-light { | |
/* Mobile-specific styles for light mode */ | |
background-image: url("https://tc.kuwu.eu.org/file/af5dd2c4bc5b1afba5969.jpg") !important; | |
background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center; | |
/* ... other mobile styles for light mode ... */ | |
} | |
body.hope-ui-dark { | |
/* Mobile-specific styles for night mode */ | |
background-image: url("https://tc.kuwu.eu.org/file/1da5cb071f6dbbe6a7d81.jpg") !important; | |
background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center; | |
/* ... other mobile styles for night mode ... */ | |
} | |
} | |
/*主列表透明*/ | |
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css { | |
background-color: rgba(255, 255, 255, 0.2) !important; | |
} | |
/*readme透明*/ | |
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css{ | |
background-color: rgba(255, 255, 255, 0.5) !important; | |
} | |
/*顶部右上角切换按钮透明*/ | |
.hope-c-ivMHWx-hZistB-cv.hope-icon-button{ | |
background-color: rgba(255, 255, 255, 0.2) !important; | |
} | |
/*右下角侧边栏按钮透明*/ | |
.hope-c-PJLV-ijgzmFG-css{ | |
background-color: rgba(255, 255, 255, 0.2) !important; | |
} | |
/*白天模式代码块透明*/ | |
/* .hope-ui-light pre{ | |
background-color: rgba(255, 255, 255, 0.1) !important; | |
} */ | |
/*夜间模式代码块透明*/ | |
/* .hope-ui-dark pre { | |
background-color: rgba(255, 255, 255, 0) !important; | |
} */ | |
/*主页主体框*/ | |
/*白天*/ | |
.hope-c-PJLV-igScBhH-css{ | |
background: rgba(255, 255, 255, .4); | |
background-color: #ffffff00 !important; | |
/* backdrop-filter: saturate(180%) blur(20px)!important;*/ | |
} | |
/*夜晚*/ | |
.hope-c-PJLV-iigjoxS-css{ | |
background: rgba(255, 255, 255, .4); | |
background-color: #00000090 !important; | |
} | |
/*底部CSS,.APP .tanle这三个一起的*/ | |
dibu { | |
border-top: 0px; | |
position: absolute; | |
bottom: 0; | |
width: 100%; | |
margin: 0px; | |
padding: 0px; | |
} | |
.App { | |
min-height: 85vh; | |
} | |
.table { | |
margin: auto; | |
} | |
/*去掉底部*/ | |
.footer { | |
display: none !important; | |
} | |
/*全局字体*/ | |
*{font-family:LXGW WenKai} | |
*{font-weight:bold} | |
body {font-family: LXGW WenKai;} | |
</style> | |
<style> | |
/*主页两个字*/ | |
/*.hope-c-PJLV-iehpHsP-css { | |
color: rgb(81, 63, 29); | |
font-size: 18px; | |
}*/ | |
</style> |
# 内容
<!--开站时间开始--> | |
<center> | |
<br /> | |
</span> | |
<span class="nav-item"> | |
<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span> <script language="javascript"> | |
var now = new Date(); | |
function createtime(){ | |
var grt= new Date("07/17/2021 00:00:00");/*---这里是网站的启用时间--*/ | |
now.setTime(now.getTime()+250); | |
days = (now - grt ) / 1000 / 60 / 60 / 24; | |
dnum = Math.floor(days); | |
hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); | |
hnum = Math.floor(hours); | |
if(String(hnum).length ==1 ){hnum = "0" + hnum;} | |
minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); | |
mnum = Math.floor(minutes); | |
if(String(mnum).length ==1 ){mnum = "0" + mnum;} | |
seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); | |
snum = Math.round(seconds); | |
if(String(snum).length ==1 ){snum = "0" + snum;} | |
document.getElementById("timeDate").innerHTML = "⏱️本站已稳定运行"+dnum+"天"; | |
document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒"; | |
} | |
setInterval("createtime()",250); | |
</script> | |
<!-- 网页鼠标点击特效 - 核心价值观关键字 --> | |
<script> | |
(function () { | |
var a_idx = 0; | |
window.onclick = function (event) { | |
var a = new Array("❤我❤", "❤Love❤", "❤你❤", "❤I❤", "❤Love❤", "❤U❤"); | |
var heart = document.createElement("b"); //创建b元素 | |
heart.onselectstart = new Function('event.returnValue=false'); //防止拖动 | |
document.body.appendChild(heart).innerHTML = a[a_idx]; //将b元素添加到页面上 | |
a_idx = (a_idx + 1) % a.length; | |
heart.style.cssText = "position: fixed;left:-100%;"; //给p元素设置样式 | |
var f = 13, // 字体大小 | |
x = event.clientX - f / 2 - 30, // 横坐标 | |
y = event.clientY - f, // 纵坐标 | |
c = randomColor(), // 随机颜色 | |
a = 1, // 透明度 | |
s = 0.8; // 放大缩小 | |
var timer = setInterval(function () { //添加定时器 | |
if (a <= 0) { | |
document.body.removeChild(heart); | |
clearInterval(timer); | |
} else { | |
heart.style.cssText = "font-size:16px;cursor: default;position: fixed;color:" + | |
c + ";left:" + x + "px;top:" + y + "px;opacity:" + a + ";transform:scale(" + | |
s + ");"; | |
y--; | |
a -= 0.016; | |
s += 0.002; | |
} | |
}, 15) | |
} | |
// 随机颜色 | |
function randomColor() { | |
return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math | |
.random() * 255)) + ")"; | |
} | |
}()); | |
</script> | |
<!--延迟加载--> | |
<!--如果要写自定义内容建议都加到这个延迟加载的范围内--> | |
<div id="customize" style="display: none;"> | |
<div> | |
</style> | |
<br /> | |
<center class="dibu"> | |
<div style="font-size: 18px; font-weight: bold;"> | |
<span class="nav-item"> | |
<a class="nav-link" href="mailto:vveg26@gmail.com" target="_blank"> | |
<i class="fa-duotone fa-envelope-open" style="color:#409EFF" aria-hidden="true"> | |
</i> | |
邮箱 | | |
</a> | |
</span> | |
<span class="nav-item"> | |
<a class="nav-link" href="https://blog.piig.top" target="_blank"> | |
<i class="fas fa-edit" style="color:#409EFF" aria-hidden="true"> | |
</i> | |
博客 | | |
</a> | |
</span> | |
<!--后台入口--> | |
<span class="nav-item"> | |
<a class="nav-link" href="/@manage" target="_blank"> | |
<i class="fa-solid fa-folder-gear" style="color:#409EFF;" aria-hidden="true"> | |
</i> | |
管理 | | |
</a> | |
</span> | |
<!--版权,请尊重作者--> | |
<span class="nav-item"> | |
<a class="nav-link" href="https://github.com/Xhofe/alist" target="_blank"> | |
<i class="fa-solid fa-copyright" style="color:#409EFF;" aria-hidden="true"> | |
</i> | |
源码 | |
</a> | |
</span> | |
<br /> | |
</div> | |
</center> | |
<br /> | |
<br /> | |
</div> | |
<!--延迟加载范围到这里结束--> | |
</div> | |
<!--延迟加载配套使用JS--> | |
<script> | |
let interval = setInterval(() => { | |
if (document.querySelector(".footer")) { | |
document.querySelector("#customize").style.display = ""; | |
clearInterval(interval); | |
} | |
}, 200); | |
</script> |