最近应该很多老哥都被 Komari 的更新吓到了吧,我也不例外,所以周末抽时间把探针换成了 CF-Server-Monitor
顺便把之前的 Tokinx/komari-theme-emerald 主题移植过来,过程还算顺利。
依然是基于 Vue 3 + Vite + TailwindCSS + RekaUI 构建,功能大部分都迁移过来了。
可以一键部署到 Vercel、Cloudflare、EdgeOne、Github Pages,也可自部署到 VPS 或其他静态服务器。

项目地址
https://github.com/Tokinx/cf-server-monitor-theme-emerald
效果图
也可以通过签名访问我的探针查看实际效果,目前主题部署在 Vercel。

一键部署
安装好 CF Server Monitor 后,可以一键部署 Emerald 主题。
| 平台 | 一键部署 | PROXY_BACKEND | PROXY_WEBSOCKET |
|---|---|---|---|
| Vercel | true / false | 不支持 | |
| Cloudflare | true / false | true / false | |
| EdgeOne (Global) | true / false | 不支持 | |
| EdgeOne (国内) | true / false | 不支持 | |
| GitHub Pages | 不支持 | 不支持 |
API_BASE是 CF Server Monitor Worker 的地址,例如https://monitor.example.com。PROXY_BACKEND开启后/api、/flags、/os-icons将通过代理转发到API_BASE,可起到一定的加速作用PROXY_WEBSOCKET开启后 WebSocket 将通过代理转发到API_BASE,可起到一定的加速作用(Vercel、EdgeOne 与 Github Pages 不支持)。- Cloudflare Workers / Pages 会在返回页面时读取运行时环境变量,无需在 Vite 构建阶段额外注入;在 Cloudflare 控制台修改变量并重新部署后即可生效。
第一
等待成品
https://huilang-me.github.io/cf-server-monitor-theme-emerald/#/
通过github page部署 很丝滑
必须赞一个
你真牛逼
支持支持!!
早知道部署这个了,我不知道咋整数据迁移,服务器信息已经加上去不想清空了
安装好 CF Server Monitor 后,可以一键部署 Emerald 主题。难道是“https://monitor.example.com”填自己的部署好的域名就可以?
@pan260 #6 对的