侧边栏壁纸
  • 累计撰写 55 篇文章
  • 累计创建 7 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

分享一套自己优化修改过的(最新V1哪吒探针美化主题)

米粒儿
2024-12-28 / 0 评论 / 0 点赞 / 428 阅读 / 0 字
温馨提示:
本文最后更新于2024-12-31,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

因为一些小白兄弟不太会配置,官方默认主题太简洁了,所以我特地发布了一个“喂饭版”供大家使用! 只需复制并粘贴到后台,即可轻松替换,快速上手!

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>优化页面</title>
    <script>
        window.CustomBackgroundImage = "替换你的链接"; /* 页面背景图 */
        window.CustomLogo = "替换你的链接"; /* 自定义Logo */
        window.ShowNetTransfer = "true"; /* 卡片显示上下行流量 */
        window.CustomIllustration = '替换你的链接'; /* 替换人物插图 */
        window.CustomDesc = "自己替换"; /* 自定义描述 */
        window.ForceTheme = 'dark';

        // 雪花效果(可以根据设备调整数量)
        const snowflakeCharacters = ["✻", "✼", "✽", "✾"]; // 不同风格的雪花符号

        function createSnowflake() {
            const snowflake = document.createElement("div");
            snowflake.className = "snowflake";
            snowflake.textContent = snowflakeCharacters[Math.floor(Math.random() * snowflakeCharacters.length)];
            snowflake.style.left = Math.random() * 100 + "vw";
            snowflake.style.animationDuration = 4 + Math.random() * 4 + "s"; // 速度适中
            snowflake.style.fontSize = 10 + Math.random() * 20 + "px";
            snowflake.style.opacity = 0.5 + Math.random() * 0.5; // 变化不透明度
            document.body.appendChild(snowflake);

            // 动画结束后移除雪花
            snowflake.addEventListener("animationend", () => {
                snowflake.remove();
            });
        }

        function initializeSnowflakes(count) {
            const interval = 500;
            let activeSnowflakes = 0;

            const createBatch = () => {
                if (activeSnowflakes < count) {
                    createSnowflake();
                    activeSnowflakes++;
                }
            };

            setInterval(createBatch, interval);
        }

        // 根据设备调整雪花数量
        const isMobile = window.innerWidth <= 768;
        const snowflakeCount = isMobile ? 50 : 100;

        initializeSnowflakes(snowflakeCount);
    </script>
    <style>
        body {
            margin: 0;
            background: transparent;
            overflow-x: hidden;
        }

        .snowflake {
            position: fixed;
            top: -10px;
            color: white;
            font-size: 10px;
            animation: fall linear infinite;
            opacity: 0.8;
        }

        @keyframes fall {
            0% {
                transform: translateX(0px) translateY(0px);
                opacity: 0.8;
            }
            50% {
                transform: translateX(20px) translateY(50vh);
            }
            100% {
                transform: translateX(-20px) translateY(100vh);
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <h1>欢迎访问我的优化页面</h1>
    <p>本页面进行了适配,手机与电脑均可正常访问。</p>
</body>
</html>

JSON生成器 服务配置图 服务器配置图
直达链接 服务配置图 服务器配置图

0

评论区