哪吒监控主题之世界地图,基于 Amzayo 设计的主题进行二次修改
效果图
桌面端
移动端
主要改动
- 增加世界地图
- 默认背景图为必应每日壁纸
- 旗帜使用 emoji 显示,不同系统质感不同,Windows 只会显示对应 code
- 增加国家或地区中文提示
- 小鸡的主要信息以标签组形式显示
- 小鸡离线时卡片会加上灰色滤镜
- 增加网络图表
部署
本项目为纯前端,不依赖哪吒服务端渲染,所以需要一个新的站点
下载 Release 到服务器对应目录并解压,然后配置好 Nginx
或 Caddy
,只需反代路径 /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配置文件,大概长这样,似乎能行,还请大佬们继续优化更改
@LALALAYES #82 对
nginx配置
好强
支持,牛逼
牛逼
NB
绑定
牛逼
牛逼
nb,加鸡腿
挺好看的