主 题：【探针美化】给 CF-Server-Monitor 写了个 React + shadcn/ui 主题（开源）
发 布 者：wenjings
标签分类： 技术
时 间：2026-09-12 17:26:01
内容预览：【探针美化】CF-Server-Monitor 主题 - Shadcn（React + shadcn/ui）平时用小鸡探针（CF-Server-Monitor）看机，默认皮看腻了，社区主题又多以 Vue 为主，于是用 React 19 + shadcn/ui 自己写了一套。开源，欢迎试用和反馈。开源、免费（MIT）。觉得有用的话，欢迎点个 Star 或 请我喝杯咖啡。预览卡片视图 · 浅色环形视图表格视图卡片视图 · 深色节点详情（资源 / 运行 / 计费 / 系统）历史指标 + 断线记录移动端特性三种视图：卡片 / 表格 / 环形，切换记忆实时：WebSocket 推送，连接状态三态（已连接 / 连接中 / 已断开）三网延迟 + 丢包：电信 / 联通 / 移动 / BGP，当前值与历史曲线历史：1h / 6h / 24h / 7d（未登录自动降级 ≤24h）计费：价格 / 周期 / 到期倒计时 / 自动续费 / 月度流量 / 标签剩余价值：按当日汇率把各币种统一折算成人民币，汇总栏与每张卡片都显示（跳过「白嫖中」）—— 对囤机党比较友好响应式：桌面 3 列 / 平板 2 列 / 手机 1 列；加载时整页统一骨架屏外观：浅色 / 深色 / 跟随系统；背景图走后台 custom_bg，卡片轻微半透（94%）+ 毛玻璃页头 GitHub / 爱发电 按钮，图标统一 lucide 线性风格安装（暂未上架商店，先用自定义 URL）进后台 /admin → 主题商店 / 外观设置「主题 URL」填：https://github.com/LanHuangJG/cf-server-monitor-theme-shadcn/tree/build保存 → 刷新页面即生效填 build 分支会自动跟进最新构建（缓存约 1 小时）；想固定版本就填具体 40 位 commit（缓存 24h）。撤销
直达链接： https://www.nodeseek.com/post-925310-1
发 布 者：wenjings
标签分类： 技术
时 间：2026-09-12 17:26:01
内容预览：【探针美化】CF-Server-Monitor 主题 - Shadcn（React + shadcn/ui）平时用小鸡探针（CF-Server-Monitor）看机，默认皮看腻了，社区主题又多以 Vue 为主，于是用 React 19 + shadcn/ui 自己写了一套。开源，欢迎试用和反馈。开源、免费（MIT）。觉得有用的话，欢迎点个 Star 或 请我喝杯咖啡。预览卡片视图 · 浅色环形视图表格视图卡片视图 · 深色节点详情（资源 / 运行 / 计费 / 系统）历史指标 + 断线记录移动端特性三种视图：卡片 / 表格 / 环形，切换记忆实时：WebSocket 推送，连接状态三态（已连接 / 连接中 / 已断开）三网延迟 + 丢包：电信 / 联通 / 移动 / BGP，当前值与历史曲线历史：1h / 6h / 24h / 7d（未登录自动降级 ≤24h）计费：价格 / 周期 / 到期倒计时 / 自动续费 / 月度流量 / 标签剩余价值：按当日汇率把各币种统一折算成人民币，汇总栏与每张卡片都显示（跳过「白嫖中」）—— 对囤机党比较友好响应式：桌面 3 列 / 平板 2 列 / 手机 1 列；加载时整页统一骨架屏外观：浅色 / 深色 / 跟随系统；背景图走后台 custom_bg，卡片轻微半透（94%）+ 毛玻璃页头 GitHub / 爱发电 按钮，图标统一 lucide 线性风格安装（暂未上架商店，先用自定义 URL）进后台 /admin → 主题商店 / 外观设置「主题 URL」填：https://github.com/LanHuangJG/cf-server-monitor-theme-shadcn/tree/build保存 → 刷新页面即生效填 build 分支会自动跟进最新构建（缓存约 1 小时）；想固定版本就填具体 40 位 commit（缓存 24h）。撤销
直达链接： https://www.nodeseek.com/post-925310-1
