因为有小白兄弟不会配置，官方默认的主题太素了，因此我发布喂饭版，给大家复制黏贴到后台替换即可。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>优化后的页面</title>
<meta name="robots" content="noindex, nofollow">
<script>
// 判断是否为桌面设备
function isDesktop() {
return window.innerWidth > 768;
}
// 禁止右键菜单和快捷键（仅在桌面设备上）
if (isDesktop()) {
document.addEventListener('contextmenu', function(event) {
event.preventDefault();
});
document.addEventListener('keydown', function(event) {
if (event.ctrlKey) {
switch (event.key) {
case 's': // Ctrl + S
case 'u': // Ctrl + U
case 'f': // Ctrl + F
case 'p': // Ctrl + P
event.preventDefault();
break;
case 'I':
if (event.shiftKey) { // Ctrl + Shift + I
event.preventDefault();
}
break;
}
}
if (event.key === 'F12') {
event.preventDefault();
window.location.href = 'https://www.nodeloc.com/';
}
});
}
// 自定义背景图、Logo 和插图
window.CustomBackgroundImage = "背景图链接替换";
window.CustomLogo = "LOGO链接替换";
window.ShowNetTransfer = "true";
window.CustomIllustration = '网络上面的图替换';
window.CustomDesc = "签名替换";
window.ForceTheme = 'dark';
</script>
<style>
body {
margin: 0;
background: transparent;
overflow: auto;
height: 100vh;
background-image: url('背景图链接替换');
background-size: cover;
background-attachment: fixed;
background-position: center center;
}
/* 流星效果 */
.meteor {
position: absolute;
width: 3px;
height: 3px;
background: #fff;
opacity: 0.8;
border-radius: 50%;
animation: meteor-shower linear infinite;
}
@keyframes meteor-shower {
0% { transform: translateY(-100vh) translateX(0); opacity: 1; }
100% { transform: translateY(100vh) translateX(100vw); opacity: 0; }
}
.meteor:nth-child(odd) { animation-duration: 20s; }
.meteor:nth-child(even) { animation-duration: 25s; animation-delay: 5s; }
/* 滚动条美化 */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000FF, #4B0082, #8B00FF);
border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(135deg, #FF4500, #FFB100, #FFEA00, #00D100, #0000FF, #6A2DFF, #9A2BFF);
}
::-webkit-scrollbar-track { background-color: transparent; border-radius: 8px; }
::-webkit-scrollbar-corner { background-color: transparent; }
.content { position: relative; z-index: 2; color: white; padding: 20px; }
h1 { text-align: center; }
</style>
</head>
<body>
<div class="content">
<!-- 可以在这里添加自定义内容 -->
</div>
<!-- 流星特效 -->
<script>
let meteorCount = 0;
const maxMeteors = 50;
function createMeteor() {
if (meteorCount >= maxMeteors) return;
meteorCount++;
const meteor = document.createElement('div');
meteor.classList.add('meteor');
meteor.style.top = `${Math.random() * 100}vh`;
meteor.style.left = `${Math.random() * 100}vw`;
meteor.style.animationDuration = `${Math.random() * (30 - 20) + 20}s`;
meteor.style.animationDelay = `${Math.random() * 5}s`;
document.body.appendChild(meteor);
meteor.addEventListener('animationend', function() {
meteor.remove();
meteorCount--;
});
}
setInterval(createMeteor, 300);
</script>
</body>
</html>[table]
