logo NodeSeekbeta

哪吒监控主题之世界地图

哪吒监控主题之世界地图,基于 Amzayo 设计的主题进行二次修改

效果图

桌面端

Desktop 1

Desktop 2

Desktop 3

移动端

Mobile 1

Mobile 2

在线体验

主要改动

  • 增加世界地图
  • 默认背景图为必应每日壁纸
  • 旗帜使用 emoji 显示,不同系统质感不同,Windows 只会显示对应 code
  • 增加国家或地区中文提示
  • 小鸡的主要信息以标签组形式显示
  • 小鸡离线时卡片会加上灰色滤镜
  • 增加网络图表

部署

本项目为纯前端,不依赖哪吒服务端渲染,所以需要一个新的站点

下载 Release 到服务器对应目录并解压,然后配置好 NginxCaddy ,只需反代路径 /api/*/ws 到哪吒面板地址

Nginx

不会 Nginx,会的大佬请帮帮我,感谢

参考置顶

Caddy

example.com {
  root * /var/www/nezha-theme-world-map
  encode zstd gzip
  file_server

  @path {
    path /api/* /ws
  }

  reverse_proxy @path localhost:8008
}

已知问题

小鸡数量超过 100 时页面会开始出现明显卡顿,如有大佬有解决方案,请帮帮我,万分感激。若无后续会增加不卡顿的 Tab 样式

台湾旗帜 emoji 在 MacOS 下无法显示

声明

地图数据来自 TopoJSON,如有异议,请自行替换 countries-50m.json

  • nginx配置文件,大概长这样,似乎能行,还请大佬们继续优化更改

    server {
        listen 80;
        listen [::]:80;
    
        server_name nezha.XXX.eu.org;
        return 301 https://$server_name$request_uri;
    
    }
    server {
            listen       443 ssl ;
            listen       [::]:443 ssl;
            server_name  nezha.XXX.eu.org;
    	      ssl_certificate "/data/cert/key.pem";
            ssl_certificate_key "/data/cert/key.key";
            ssl_session_cache shared:SSL:1m;
            ssl_session_timeout  10m;#        ssl_ciphers HIGH:!aNULL:!MD5;
            ssl_ciphers HIGH:!aNULL:!MD5;
            ssl_prefer_server_ciphers on;
            client_max_body_size 1024m;
            location /api/ {
                proxy_pass http://127.0.0.1:8008;
                proxy_set_header Host $http_host;
                proxy_set_header      Upgrade $http_upgrade;
            }
            location ~ ^/(ws|terminal/.+)$  {
                proxy_pass http://127.0.0.1:8008;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "Upgrade";
                proxy_set_header Host $http_host;
            }
            location / {
                root /data/sites/nezha-theme-world-map;
                
            }
            
    }
    
    
  • @LALALAYES #82

  •       location / {
            try_files $uri $uri/ =404;
        }
        
        location ~ ^/(api|ws) {
            proxy_pass http://localhost:8008;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
            proxy_read_timeout 86400; # 可以根据需要调整
        }
    

    nginx配置

  • 好强

  • 支持,牛逼

  • 牛逼

  • NB

  • 绑定

  • 牛逼

  • xhj016

  • 牛逼

  • nb,加鸡腿

  • 挺好看的

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有15205位seeker

🎉欢迎新用户🎉