本文最后更新于20 天前,其中的信息可能已经过时,如有错误请发送邮件到lth2512920656@163.com
<!DOCTYPE html>
<html lang="en" translate="no">
<head>
<!--Alist V3建议添加的,已经默认添加了,如果你的没有建议加上-->
<script src="https://polyfill.alicdn.com/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>
<!--鼠标指针特效2 开始-->
<style type="text/css">
.main-content img,
body {
cursor: url(https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/mouse/halo-dream/cursor/breeze/Arrow.cur),
auto;
}
.actions > div,
.expand-done,
.main-content figure > figcaption div,
.navbar-above .navbar-nav .item,
.navbar-searchicon,
.navbar-slideicon,
.photos .picture-details,
.widget .ad-tag .click-close,
a,
button {
cursor: url(https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/mouse/halo-dream/cursor/breeze/Hand.cur),
auto;
}
blockquote,
code,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input[type="text"],
li,
p,
td,
textarea,
th {
cursor: url(https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/mouse/halo-dream/cursor/breeze/IBeam.cur),
auto;
}
</style>
<!--鼠标指针特效2 结束-->
<!--引入字体,全局字体使用-->
<link
rel="stylesheet"
href="https://npm.elemecdn.com/lxgw-wenkai-webfont@1.1.0/lxgwwenkai-regular.css"
/>
<!--评论系统使用的js-->
<script src="https://unpkg.com/valine/dist/Valine.min.js"></script>
<!-- 不蒜子计数器 访问量 -->
<script
async
src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"
></script>
<!-- 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"
/>
<!--音乐播放器所用的文件-->
<!-- require APlayer -->
<link
rel="stylesheet"
href="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.css"
/>
<script src="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://npm.elemecdn.com/meting@2.0.1/dist/Meting.min.js"></script>
<style>
/* 去除通知栏 右上角 X */
.notify-render .hope-close-button {
display: none;
}
/*主列表白天模式透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
background-color: rgba(255, 255, 255, 0.75) !important;
}
/*主列表夜间模式透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
background-color: rgb(0 0 0 / 75%) !important;
}
/*readme白天模式透明*/
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
background-color: rgba(255, 255, 255, 0.75) !important;
}
/*readme夜间模式透明*/
.hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
background-color: rgb(0 0 0 / 75%) !important;
}
/*顶部右上角切换按钮透明*/
.hope-ui-light .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
background-color: rgba(255, 255, 255, 0.3) !important;
}
.hope-ui-dark .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
background-color: rgb(0 0 0 / 10%) !important;
}
/*右下角侧边栏按钮透明 第一个是白天 第二个是夜间*/
.hope-ui-light .hope-c-PJLV-ijgzmFG-css {
background-color: rgba(170, 170, 170, 0.7) !important;
}
.hope-ui-dark .hope-c-PJLV-ijgzmFG-css {
background-color: rgb(0 0 0 / 70%) !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-ui-light .hope-c-PJLV-ieGWMbI-css {
background: rgba(255, 255, 255, 0.5) !important;
}
/*夜间模式*/
.hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
background-color: rgb(0 0 0 / 50%) !important;
}
/* 返回顶部 */
.hope-c-PJLV-ihVEsOa-css {
background: rgba(255, 255, 255, 0.5) !important;
}
.hope-ui-dark .hope-c-PJLV-ihVEsOa-css {
background-color: rgb(0 0 0 / 50%) !important;
}
/*顶部栏白天*/
.hope-ui-light .hope-c-PJLV-ikaMhsQ-css {
background-color: rgba(255, 255, 255, 0.5) !important;
width: var(--hope-sizes-full);
}
/*顶部栏夜晚*/
.hope-ui-dark .hope-c-PJLV-ikaMhsQ-css {
background-color: rgba(0, 0, 0, 0.5) !important;
width: var(--hope-sizes-full);
}
/*地址栏*/
.hope-c-PJLV-idaeksS-css {
border-radius: 0.75rem;
}
/*地址栏白天*/
.hope-ui-light .hope-c-PJLV-idaeksS-css {
background-color: rgba(255, 255, 255, 0.5) !important;
width: var(--hope-sizes-full);
}
/*地址栏夜晚*/
.hope-ui-dark .hope-c-PJLV-idaeksS-css {
background-color: rgba(0, 0, 0, 0.5) !important;
width: var(--hope-sizes-full);
}
/* 吸附到页面顶部 */
/*顶部*/
.hope-c-PJLV-icWrYmg-css {
background: rgba(255, 255, 255, 0) !important;
}
/*导航条*/
.hope-c-PJLV-icKsjdm-css::after {
background: rgba(255, 255, 255, 0) !important;
}
/*白天模式*/
.hope-ui-light .hope-c-PJLV-icKsjdm-css {
background-color: rgba(255, 255, 255, 0.5) !important;
border-radius: var(--hope-radii-xl) !important;
}
/*夜间模式*/
.hope-ui-dark .hope-c-PJLV-icKsjdm-css {
background-color: rgb(0 0 0 / 50%) !important;
border-radius: var(--hope-radii-xl) !important;
}
/*仅吸附导航栏*/
/*导航条*/
.hope-c-PJLV-ifdXShc-css::after {
background: rgba(255, 255, 255, 0) !important;
}
/*白天模式*/
.hope-ui-light .hope-c-hrsMRY {
background-color: rgba(255, 255, 255, 0.5) !important;
border-radius: var(--hope-radii-xl) !important;
}
/*夜间模式*/
.hope-ui-dark .hope-c-hrsMRY {
background-color: rgb(0 0 0 / 50%) !important;
border-radius: var(--hope-radii-xl) !important;
}
/*文件栏*/
.hope-c-PJLV-ibMsOCJ-css:hover,
.hope-c-PJLV-ibMsOCJ-css[data-hover] {
background-color: rgb(255, 102, 153, 0.5) !important;
}
/*底部CSS,.App .table这三个一起的*/
.dibu {
width: 40%;
height: 200px;
margin-left: 30%;
border-radius: 0.75rem;
}
/* 白天模式 */
.hope-ui-light .dibu {
background-color: rgba(255, 255, 255, 0.5);
}
/* 夜晚模式 */
.hope-ui-dark .dibu {
background-color: rgba(0, 0, 0, 0.5);
}
/* 小屏幕(移动设备)样式调整 */
@media (max-width: 768px) {
.dibu {
width: 80%; /* 增加宽度 */
margin-left: 10%; /* 调整左边距为10%,从而保持居中 */
height: auto; /* 高度自适应 */
padding: 20px; /* 添加一些内边距 */
}
}
.App {
min-height: 85vh;
}
.table {
margin: auto;
}
/*去掉底部 + 隐藏搜索快捷提示*/
.hope-c-PJLV-ihYBJPK-css,
.footer {
display: none !important;
}
/*全局字体*/
* {
font-family: LXGW WenKai;
}
* {
font-weight: bold;
}
body {
font-family: LXGW WenKai;
}
/*以下为评论系统专用*/
/*适配大小契合度*/
.newValine {
width: min(96%, 940px);
flex-direction: column;
row-gap: var(--hope-space-2);
border-radius: var(--hope-radii-xl);
padding: var(--hope-space-2);
box-shadow: var(--hope-shadows-lg);
}
/*评论区 - 白天模式透明度*/
.hope-ui-light .newValine {
background-color: rgba(255, 255, 255, 0.8) !important;
}
/*评论区 - 夜间模式透明度*/
.hope-ui-dark .newValine {
background-color: rgb(0 0 0 / 80%) !important;
}
/*输入栏里面跳舞的小人背景图*/
.vedit {
background-image: url(https://cdn.jsdelivr.net/gh/anwen-anyi/imgAnwen/images/OuNiJiang.gif);
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
transition: all 0.25s ease-in-out 0s;
}
textarea#comment-textarea:focus {
background-position-y: 120px;
transition: all 0.25s ease-in-out 0s;
}
/*渐变背景CSS*/
#canvas-basic {
position: fixed;
display: block;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -999;
}
/*音乐播放器进一步进行隐藏*/
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
left: -66px !important;
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
left: 0 !important;
}
</style>
<style>
/*白天模式 搜索主体+毛玻璃*/
.hope-ui-light .hope-c-PJLV-iiBaxsN-css {
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px) !important;
}
/*白天模式 搜索栏输入框+毛玻璃*/
.hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled {
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px) !important;
}
/*白天模式 搜索按钮+毛玻璃*/
.hope-ui-light .hope-c-PJLV-ikEIIxw-css {
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(10px) !important;
padding: var(--hope-space-1) !important;
}
/*夜间模式搜索主体+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-iiBaxsN-css {
background-color: rgb(0 0 0 / 10%) !important;
backdrop-filter: blur(10px) !important;
}
/*夜间模式搜索栏+毛玻璃*/
.hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled {
background-color: rgb(0 0 0 / 10%) !important;
backdrop-filter: blur(10px) !important;
}
/*夜间模式 搜索按钮+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-ikEIIxw-css {
background-color: rgb(0 0 0 / 10%) !important;
backdrop-filter: blur(10px) !important;
padding: var(--hope-space-1) !important;
}
</style>
<!-- customize head -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="referrer" content="same-origin" />
<meta name="generator" content="AList V3" />
<meta name="theme-color" content="#000000" />
<meta name="google" content="notranslate" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="AList" />
<link
rel="apple-touch-icon"
href="https://jsd.nn.ci/gh/alist-org/logo@main/logo.png"
/>
<script
src="https://g.alicdn.com/IMM/office-js/1.1.5/aliyun-web-office-sdk.min.js"
async
></script>
<link
rel="shortcut icon"
type="image/ico"
href="https://jsd.nn.ci/gh/alist-org/logo@main/logo.svg"
/>
<title>Loading...</title>
<script>
window.ALIST = {
cdn: undefined,
monaco_cdn: undefined,
base_path: undefined,
api: undefined,
main_color: undefined,
};
window.__dynamic_base__ = window.ALIST.cdn || "";
</script>
<script type="module">
try {
import.meta.url;
import("_").catch(() => 1);
} catch (e) {}
window.__vite_is_modern_browser = true;
</script>
<script type="module">
!(function () {
if (window.__vite_is_modern_browser) return;
console.warn(
"vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored"
);
var e = document.getElementById("vite-legacy-polyfill"),
n = document.createElement("script");
(n.src = window.__dynamic_base__ + e.getAttribute("data-src")),
(n.onload = function () {
System.import(
window.__dynamic_base__ +
document
.getElementById("vite-legacy-entry")
.getAttribute("data-src")
);
}),
document.body.appendChild(n);
})();
</script>
<script>
(function () {
var preloads = [
{
parentTagName: "head",
tagName: "link",
attrs: { href: "/static/manifest.json", rel: "manifest" },
},
{
parentTagName: "head",
tagName: "script",
attrs: {
type: "module",
crossorigin: "",
src: "/assets/index.552ac9f7.js",
},
},
{
parentTagName: "head",
tagName: "link",
attrs: { rel: "stylesheet", href: "/assets/index.15d8d646.css" },
},
];
function setAttribute(target, attrs) {
for (var key in attrs) {
target.setAttribute(key, attrs[key]);
}
return target;
}
for (var i = 0; i < preloads.length; i++) {
var item = preloads[i];
var childNode = document.createElement(item.tagName);
setAttribute(childNode, item.attrs);
if (window.__dynamic_base__) {
if (item.tagName == "link") {
setAttribute(childNode, {
href: window.__dynamic_base__ + item.attrs.href,
});
} else if (item.tagName == "script") {
setAttribute(childNode, {
src: window.__dynamic_base__ + item.attrs.src,
});
}
}
document
.getElementsByTagName(item.parentTagName)[0]
.appendChild(childNode);
}
})();
</script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!-- customize body -->
<script nomodule>
!(function () {
var e = document,
t = e.createElement("script");
if (!("noModule" in t) && "onbeforeload" in t) {
var n = !1;
e.addEventListener(
"beforeload",
function (e) {
if (e.target === t) n = !0;
else if (!e.target.hasAttribute("nomodule") || !n) return;
e.preventDefault();
},
!0
),
(t.type = "module"),
(t.src = "."),
e.head.appendChild(t),
t.remove();
}
})();
</script>
<script
nomodule
crossorigin
id="vite-legacy-polyfill"
data-src="/assets/polyfills-legacy.4f4d372a.js"
>
!(function () {
var e = document.createElement("script");
e.src =
window.__dynamic_base__ +
document
.getElementById("vite-legacy-polyfill")
.getAttribute("data-src");
e.onload = function () {
System.import(
window.__dynamic_base__ +
document
.getElementById("vite-legacy-entry")
.getAttribute("data-src")
);
};
document.body.appendChild(e);
})();
</script>
<script
nomodule
crossorigin
id="vite-legacy-entry"
data-src="/assets/index-legacy.3f08e8dd.js"
></script>
<!--延迟加载-->
<!--如果要写自定义内容建议都加到这个延迟加载的范围内-->
<div id="customize" style="display: none">
<div>
<!--音乐播放器-->
<meting-js
fixed="true"
autoplay="false"
theme="#409EFF"
list-folded="true"
auto="QQ音乐或者网易云的链接"
></meting-js>
<!--评论模块还有下面的script也是-->
<center>
<div class="newValine" id="vcomments"></div>
</center>
<script>
new Valine({
visitor: true,
el: "#vcomments",
avatar: "wavatar",
appId: "dMnrKvR4JfDRjPg9mlDs0fkB-gzGzoHsz",
appKey: "5artpXobBXJV767B7oUCIHrd",
placeholder: "有什么问题欢迎评论区留言~么么哒",
});
</script>
<script src="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/mobile-detect.js"></script>
<script>
// 设备检测
var md = new MobileDetect(window.navigator.userAgent);
// 获取数据函数
function VideoData() {
fetch("https://script.liaoth.com/")
.then((response) => response.json())
.then((data) => {
const baseVideoUrl = data.arr[0].baseVideoUrl;
const videoCount = data.arr[0].videoCount;
const updateFrequency = data.arr[0].updateFrequency;
const pcTypt = data.arr[0].pcTypt;
const index = Math.floor(
new Date().getTime() / updateFrequency
);
updateVideoBackground(index, videoCount, baseVideoUrl, pcTypt);
})
.catch((error) => console.error("Error:", error));
}
function ImageData() {
fetch("https://script.liaoth.com/")
.then((response) => response.json())
.then((data) => {
const imageCount = data.arr[0].imageCount;
const baseImageUrl = data.arr[0].baseImageUrl;
const updateFrequency = data.arr[0].updateFrequency;
const mobileTypt = data.arr[0].mobileTypt;
const index = Math.floor(
new Date().getTime() / updateFrequency
);
updateImageBackground(
index,
imageCount,
baseImageUrl,
mobileTypt
);
})
.catch((error) => console.error("Error:", error));
}
function updateBackground() {
if (!md.phone() && !md.tablet()) {
navTextStyle(8, 16, 20, 18, "var(--hope-sizes-32)", 70);
// 非移动设备,使用视频背景
VideoData();
} else {
navTextStyle(8, 16, 0, 18, "28px", 45);
// 移动设备,使用图片背景
ImageData();
window.onload = updateBackground; // 当页面加载或刷新时调用updateBackground
}
}
function updateVideoBackground(
index,
videoCount,
baseVideoUrl,
pcTypt
) {
if (!(pcTypt === "mp4")) {
let imgContainer = document.querySelector(
".img-background-container"
);
if (!imgContainer) {
imgContainer = document.createElement("div");
imgContainer.className = "img-background-container";
imgContainer.innerHTML = `<img style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; object-fit: cover; z-index: -1000;"></img>`;
document.body.prepend(imgContainer);
}
const videoIndex = (index % videoCount) + 1;
imgContainer.querySelector(
"img"
).src = `${baseVideoUrl}${videoIndex}.${pcTypt}`;
} else {
let videoContainer = document.querySelector(
".video-background-container"
);
if (!videoContainer) {
videoContainer = document.createElement("div");
videoContainer.className = "video-background-container";
videoContainer.innerHTML = `<video autoplay muted loop style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; object-fit: cover; z-index: -1000;"></video>`;
document.body.prepend(videoContainer);
}
const videoIndex = (index % videoCount) + 1;
videoContainer.querySelector(
"video"
).src = `${baseVideoUrl}${videoIndex}.${pcTypt}`;
}
}
function updateImageBackground(
index,
imageCount,
baseImageUrl,
mobileTypt
) {
const imageIndex = (index % imageCount) + 1;
const imageUrl = `${baseImageUrl}${imageIndex}.${mobileTypt}`;
document
.querySelectorAll(".hope-ui-light, .hope-ui-dark")
.forEach((element) => {
element.style.backgroundImage = `url("${imageUrl}")`;
});
}
function navTextStyle(
paddingA,
paddingB,
marginA,
size,
width,
rgba
) {
// 创建一个 <style> 元素
var style = document.createElement("style");
// 设置 <style> 元素的类型
style.type = "text/css";
// 定义你想要添加的 CSS 规则
var css = `
.custom-link {
font-size: ${size}px;
text-decoration: none; /* 移除下划线 */
color: inherit; /* 使用继承的文字颜色 */
padding: ${paddingA}px ${paddingA}px; /* 添加一些内边距 */
margin: 0 ${marginA}px;
display: inline-block; /* 使padding生效 */
border-radius: 4px; /* 圆角效果 */
}
.hope-c-PJLV-ikEIIxw-css {
width: ${width};
}
.custom-link:hover,
.custom-link[data-hover] {
background-color: rgb(
255,
102,
153,
0.5
) !important; /* 悬停时的背景色 */
}
/*主列表白天模式透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
background-color: rgba(255, 255, 255, 0.${rgba}) !important;
}
/*主列表夜间模式透明*/
.obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
background-color: rgb(0 0 0 / ${rgba}%) !important;
}
/*readme白天模式透明*/
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
background-color: rgba(255, 255, 255, 0.${rgba}) !important;
}
/*readme夜间模式透明*/
.hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
background-color: rgb(0 0 0 / ${rgba}%) !important;
}
`;
// 将 CSS 规则添加到 <style> 元素
if (style.styleSheet) {
// 适用于 IE8 以下版本
style.styleSheet.cssText = css;
} else {
// 适用于大多数浏览器
style.appendChild(document.createTextNode(css));
}
// 将 <style> 元素添加到文档的 <head> 部分
document.head.appendChild(style);
}
// 页面加载时和定时更新背景
document.addEventListener("DOMContentLoaded", updateBackground);
(function () {
fetch("https://script.liaoth.com/")
.then((response) => response.json())
.then((data) => {
const updateFrequency = data.arr[0].updateFrequency;
setInterval(updateBackground, updateFrequency);
})
.catch((error) => console.error("Error:", error));
})();
</script>
<!-- 顶部导航栏脚本-->
<script>
function addLink(headerLeft, link) {
if (!headerLeft.querySelector(`a[href="${link.href}"]`)) {
var newLink = document.createElement("a");
newLink.href = link.href;
newLink.textContent = link.text;
newLink.className =
"hope-link hope-c-yourCustomClass-css " + link.className;
// 在新标签页中打开链接
newLink.target = "_blank";
headerLeft.appendChild(newLink);
}
}
function tryToAddLinks() {
var headerLeft = document.querySelector(".header-left.hope-stack");
if (headerLeft) {
fetch("https://script.liaoth.com/")
.then((response) => response.json())
.then((data) => {
data.links.forEach(function (link) {
addLink(headerLeft, link);
});
})
.catch((error) => console.error("Error:", error));
}
}
// 设置定时器,每隔 500 毫秒调用一次 tryToAddLinks() 函数
var tryToAddLinkInterval = setInterval(tryToAddLinks, 500);
// 在 5000 毫秒后执行,清除定时器 tryToAddLinkInterval,停止调用 tryToAddLinks() 函数
setTimeout(function () {
clearInterval(tryToAddLinkInterval);
}, 5000);
</script>
<br />
<center class="dibu">
<div
style="
line-height: 40px;
font-size: 12pt;
font-weight: bold;
color: #ff6699;
"
>
<span>
"
<span style="font-weight: bold" id="hitokoto">
<a href="#" id="hitokoto_text">
人生最大的遗憾,就是在最无能为力的时候遇到一个想要保护一生的人.
</a>
</span>
"
</span>
<p style="margin-left: 10rem; font-size: 11pt">
<small> —— Data's Cloud </small>
</p>
</div>
<div style="font-size: 16px">
<div style="margin-bottom: 20px; margin-top: 10px">
<span class="nav-item">
<a
class="nav-link"
href="http://wpa.qq.com/msgrd?v=3&uin=2512920656&site=qq&menu=yes"
target="_blank"
>
<i
class="fab fa-qq"
style="color: #409eff"
aria-hidden="true"
>
</i>
QQ |
</a>
</span>
<span class="nav-item">
<a
class="nav-link"
href="mailto:lth2512920656@163.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://liaoth.com/" 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="https://liaoth.com/luiyanban/"
target="_blank"
>
<i
class="fas fa-comment-lines"
style="color: #409eff"
aria-hidden="true"
>
</i>
留言 |
</a>
</span>
<span class="nav-item">
<a
class="nav-link"
href="https://pan.liaoth.com/"
target="_blank"
>
<i
class="fa fa-cloud-download"
style="color: #409eff"
aria-hidden="true"
>
</i>
云盘 |
</a>
</span>
<!--后台入口-->
<span class="nav-item">
<a class="nav-link" href="/@login" 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>
Alist
</a>
</span>
</div>
<!--添加一个访问量-->
<span>
本"<span style="color: rgb(13, 109, 252); font-weight: bold"
><a href="#durl">目录</a></span
>"访问量
<span
id="busuanzi_value_page_pv"
style="color: rgb(13, 109, 252); font-weight: bold"
></span>
次 本站总访问量
<span
id="busuanzi_value_site_pv"
style="color: rgb(13, 109, 252); font-weight: bold"
></span>
次 本站总访客数
<span
id="busuanzi_value_site_uv"
style="color: rgb(13, 109, 252); font-weight: bold"
></span>
人
</span>
<br />
<!--添加备案信息
<span class="nav-item">
<a
class="nav-link"
href="https://beian.miit.gov.cn/#/Integrated/index"
target="_blank"
>
<i
class="fa-solid fa-shield-check"
style="color: #409eff"
aria-hidden="true"
>
</i>
冀 ICP备2222000777号
</a>
</span> -->
</div>
<script type="text/javascript">
function show_runtime() {
window.setTimeout("show_runtime()", 1000);
X = new Date("2/1/2024 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>
<span id="runtime_span"></span>
</center>
<br />
<br />
</div>
<!--一言API-->
<script
src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto"
defer
></script>
<!--延迟加载范围到这里结束-->
</div>
<!--延迟加载配套使用JS-->
<script>
let interval = setInterval(() => {
if (document.querySelector(".footer")) {
document.querySelector("#customize").style.display = "";
clearInterval(interval);
}
}, 1000);
</script>
<!-- 渐变背景初始化,如果要使用渐变背景把下面的那一行注释去掉即可-->
<!-- 下面的几行都是渐变的一套,自定义头部内还有一个关联的自定义CSS -->
<!--<canvas id="canvas-basic"></canvas> -->
<script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script>
<script>
var granimInstance = new Granim({
element: "#canvas-basic",
direction: "left-right",
isPausedWhenNotInView: true,
states: {
"default-state": {
gradients: [
["#a18cd1", "#fbc2eb"],
["#fff1eb", "#ace0f9"],
["#d4fc79", "#96e6a1"],
["#a1c4fd", "#c2e9fb"],
["#a8edea", "#fed6e3"],
["#9890e3", "#b1f4cf"],
["#a1c4fd", "#c2e9fb"],
["#fff1eb", "#ace0f9"],
],
},
},
});
</script>
<!-- 网页鼠标点击特效 - 爱心 -->
<script type="text/javascript">
!(function (e, t, a) {
function r() {
for (var e = 0; e < s.length; e++)
s[e].alpha <= 0
? (t.body.removeChild(s[e].el), s.splice(e, 1))
: (s[e].y--,
(s[e].scale += 0.004),
(s[e].alpha -= 0.013),
(s[e].el.style.cssText =
"left:" +
s[e].x +
"px;top:" +
s[e].y +
"px;opacity:" +
s[e].alpha +
";transform:scale(" +
s[e].scale +
"," +
s[e].scale +
") rotate(45deg);background:" +
s[e].color +
";z-index:99999"));
requestAnimationFrame(r);
}
function n() {
var t = "function" == typeof e.onclick && e.onclick;
e.onclick = function (e) {
t && t(), o(e);
};
}
function o(e) {
var a = t.createElement("div");
(a.className = "heart"),
s.push({
el: a,
x: e.clientX - 5,
y: e.clientY - 5,
scale: 1,
alpha: 1,
color: c(),
}),
t.body.appendChild(a);
}
function i(e) {
var a = t.createElement("style");
a.type = "text/css";
try {
a.appendChild(t.createTextNode(e));
} catch (t) {
a.styleSheet.cssText = e;
}
t.getElementsByTagName("head")[0].appendChild(a);
}
function c() {
return (
"rgb(" +
~~(255 * Math.random()) +
"," +
~~(255 * Math.random()) +
"," +
~~(255 * Math.random()) +
")"
);
}
var s = [];
(e.requestAnimationFrame =
e.requestAnimationFrame ||
e.webkitRequestAnimationFrame ||
e.mozRequestAnimationFrame ||
e.oRequestAnimationFrame ||
e.msRequestAnimationFrame ||
function (e) {
setTimeout(e, 1e3 / 60);
}),
i(
".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"
),
n(),
r();
})(window, document);
</script>
<!--网站输入效果开始-->
<script src="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/input-with-fire.js"></script>
</body>
</html>