哪吒钉子户，用了也有很长一段时间了，最近看论坛友友经常推荐，但因为一直很懒 现在下定决心了，摸鱼的时候把探针都迁过去了，过程意外的很顺利，
| Komari | 哪吒 |
|---|---|
| https://dash.qhola.com/ | https://status.qhola.com/ |
体验下来Komari的优化和美化功能也比之前刚起步那会儿好很多。还能看丢包率，也能直接在后台设置金额信息（哪吒的话还需要额外的配置生成器），Komari这点我超喜欢，此外Komari还能支持下载备份配置，哪吒的话需要进面板机ssh里手动暂停哪吒面板服务，手动打包下载（这点被坑过，有一次忘记停止面板服务了，就直接下载数据库，结果重建的时候数据库损坏了），以上这些Komari已有的功能，不知道哪吒什么时候才能把他们整合在一起
也经常遇到有论坛友友问我这个哪吒探针的美化代码，我现在发帖水一下 那我统一贴出来，下次我就直接分享帖子好了就不用每次去复制一下了
- 自定义代码 主题用的是 Official 作者: hamster1963
<script> // 禁用系统默认的小人（哪吒）动画 window.DisableAnimatedMan = true; window.CustomLogo = 'https://tuchuangvps.mikumiku.us.kg/2222.png'; /* 页面左上角和标题栏展示的 Logo */ window.CustomDesc = 'MIHOYO'; /* 页面左上角副标题 */ // 引入自定义字体（MiSans 字体，可替换为你喜欢的字体） const fontLink = document.createElement('link'); fontLink.rel = 'stylesheet'; fontLink.href = 'https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans'; document.head.appendChild(fontLink); // 背景图、移动背景图、 window.CustomBackgroundImage = "https://cdn.nodeimage.com/i/Psz8to3Efe1ALBAwyrUn3eluBNmvniJJ.gif"; window.CustomMobileBackgroundImage = "https://tuchuangvps.mikumiku.us.kg/9f04fda9b10d5406a6f70e6b9241f9628414724.jpg"; window.ShowNetTransfer = true; window.FixedTopServerName = true; // 将所有 HTTP 链接改为 HTTPS避免混合内容警告 const AVIF_URL = "https://tuchuangvps.mikumiku.us.kg/fengjin2.gif"; // 在 <head> 中注入 CSS，隐藏默认小人，定义自定义小人样式 const style = document.createElement('style'); style.innerHTML = ` /* 隐藏任何通过 dicebear API 加载的默认头像 */ .transition-opacity img[src*="dicebear"] { display: none !important; } /* 自定义小人样式 */ .custom-avatar { position: absolute !important; right: -40px !important; top: -125px !important; z-index: 12 !important; width: 150px !important; height: auto !important; } `; document.head.appendChild(style); // 监听 DOM 变化，自动移除系统头像并插入自定义小人 const observer = new MutationObserver(() => { // 抓取小人容器 const xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div"; const container = document.evaluate( xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue; if (!container) return; // 移除任何残留的默认头像 container.querySelectorAll('img[src*="dicebear"]').forEach(el => el.remove()); // 如果还没插入自定义小人，则插入 if (!container.querySelector('img.custom-avatar')) { const img = document.createElement('img'); img.src = AVIF_URL; img.className = 'custom-avatar'; container.appendChild(img); } }); // 从页面一加载就开始观察，保持一直生效 observer.observe(document.body, { childList: true, subtree: true });</script>- 仪表盘自定义代码
<script> // 禁用默认小人 window.DisableAnimatedMan = true; window.CustomDesc = 'MIHOYO'; /* 页面左上角副标题 */ window.CustomLogo = 'https://tuchuangvps.mikumiku.us.kg/2222.png'; /* 页面左上角和标题栏展示的 Logo */ // 引入自定义字体（MiSans 字体，可替换为你喜欢的字体） const fontLink = document.createElement('link'); fontLink.rel = 'stylesheet'; fontLink.href = 'https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans'; document.head.appendChild(fontLink); // 修改左左上角标题文本 “哪吒监控” -> “哪吒探针” const observerAdminTitle = new MutationObserver(mutations => { mutations.forEach(mutation => { mutation.addedNodes.forEach(node => { if (node.nodeType === 1) { const links = node.matches('.transition-opacity') ? [node] : node.querySelectorAll('.transition-opacity'); links.forEach(link => { const textNode = Array.from(link.childNodes).find(n => n.nodeType === Node.TEXT_NODE && n.textContent.trim() === 'COCO'); if (textNode) { textNode.textContent = 'COCO'; observerAdminTitle.disconnect(); } }); } }); }); }); observerAdminTitle.observe(document.body, { childList: true, subtree: true });</script><style> /* 自定义字体并添加白色阴影 */ * { font-family: 'HarmonyOS Sans', sans-serif !important; font-size: 16px; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.9); /* 使用白色阴影增强对比度 */ } /* 仪表板背景图全覆盖 */ html, body { height: 100% !important; background: url("https://tuchuangvps.mikumiku.us.kg/huiliyi.gif") no-repeat center center fixed !important; background-size: cover !important; } /* 顶部导航背景透明 + 模糊 */ .el-header { background-color: transparent !important; backdrop-filter: blur(4px); box-shadow: none !important; } /* 替换默认头像图（avatar） */ img[src*="https://api.dicebear.com/7.x/notionists/svg"] { content: url("https://tuchuangvps.mikumiku.us.kg/2222.png") !important; width: 100px !important; height: auto !important; margin-top: -0px; } /* 替换左上角 logo 图标 */ img[src*="/dashboard/logo.svg"] { content: url("https://tuchuangvps.mikumiku.us.kg/2222.png") !important; } /* 去掉页脚 */ footer { display: none !important; } /* 为主容器添加半透明背景 */ .el-container { background-color: rgba(255, 255, 255, 0.7) !important; /* 半透明白色背景 */ } /* 为卡片等组件设置更高透明度的背景 */ .el-card, .el-message-box, .el-dialog { background-color: rgba(255, 255, 255, 0.9) !important; } /* 针对黑色文字，添加白色阴影以增强对比度 */ .el-text, .el-button, .el-table, .el-form-item__label, .el-form-item__content, .el-menu-item, .el-submenu__title { color: #333 !important; /* 确保文字颜色为深色 */ text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8); /* 白色阴影 */ } /* 针对可能存在的浅色文字，添加黑色阴影 */ .el-text-light, .el-button--text, .el-link { color: #fff !important; /* 假设某些文字是浅色的 */ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* 黑色阴影 */ }</style>图片部分可以换成自己喜欢的图片或者gif动态图
评论 (0)