哪吒探针美化分享

资源库

预览


美化代码
来源：https://www.nodeseek.com/post-311746-1

1. <script>
   
2.     /* 这部分这几个挂在 window 下的变量是哪吒内置的, 详见 https://nezha.wiki/guide/settings.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BB%A3%E7%A0%81 */
   
3.     window.CustomBackgroundImage = 'https://r2.369069.xyz/20250414_8d62ff03.jpg'; /* PC 端背景图 */
   
4.     window.CustomMobileBackgroundImage = 'https://img.xiny.cc/images/original/portrait/20250327_035423_4992.jpg'; /* 移动端背景图 */
   
5.     window.CustomLogo = 'https://xiny.cc/xiny/favicon.ico'; /* 页面左上角和标题栏展示的 Logo */
   
6.     window.CustomDesc = 'XINY'; /* 页面左上角副标题 */
   
7.     window.ShowNetTransfer = true; /* 服务器卡片是否显示上下行流量, 默认不显示 */
   
8.     window.DisableAnimatedMan = true;
   
9.     window.FixedTopServerName = true; /* 是否固定顶部显示服务器名称, 默认不固定 */
   
10.     window.CustomLinks = '[{"link":"https://xiny.cc/","name":"首页"},{"link":"https://blog.xiny.cc/","name":"博客"}]'; /* 自定义导航栏链接 */
    
11. 
    
12.     /* 自定义字体, 注意需要同步修改下方 CSS 中的 font-family */
    
13.     var link = document.createElement('link');
    
14.     link.rel = 'stylesheet';
    
15.     link.href = 'https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans'; // MiSans
    
16.     // link.href = 'https://npm.elemecdn.com/lxgw-wenkai-screen-webfont@1.7.0/style.css'; // 霞鹜文楷, font-family: 'LXGW WenKai Screen'
    
17.     document.head.appendChild(link);
    
18. </script>
    
19. <style>
    
20.     /* 自定义字体 */
    
21.     * {
    
22.         font-family: 'MiSans';
    
23.     }
    
24.     h1, h2, h3, h4, h5 {
    
25.         font-family: 'MiSans', sans-serif;
    
26.     }
    
27. 
    
28.     /* 背景压暗和模糊, 开了背景图建议开启 */
    
29.     .dark .bg-cover::after {
    
30.         content: '';
    
31.         position: absolute;
    
32.         inset: 0;
    
33.         backdrop-filter: blur(6px);
    
34.         background-color: rgba(0, 0, 0, 0);
    
35.     }
    
36.     .light .bg-cover::after {
    
37.         content: '';
    
38.         position: absolute;
    
39.         inset: 0;
    
40.         backdrop-filter: blur(6px);
    
41.         background-color: rgba(255, 255, 255, 0.1);
    
42.     }
    
43. 
    
44.     footer {
    
45.         display: none;
    
46.     }
    
47. </style>

复制代码

服务器卡片下方显示周期性流量见给哪吒V1探针面板添加周期流量显示