WHC系列：Kuma Mieru---第三方 Uptime Kuma 监控仪表盘

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.kuma-mieru


## 🎯 What —— 这是什么？
- 🏷️ **一句话定位**：Uptime Kuma的第三方美观仪表盘，支持实时图表监控。
- 🚀 **核心优势**  
  - ✨ 界面现代化：TailwindCSS重写，解决Uptime Kuma原生页面朴实痛点。  
  - ⚡ 交互图表：Recharts驱动，添加延迟/响应曲线，提升数据直观性。  
  - 🔒 无缝集成：仅需URL+页面ID，即可一键对接自托管后端。
- 📊 **适用场景**：自建网站/服务可用性监控、团队状态页分享。

## 🛠️ How —— 怎么用？
### 首先打开Uptime Kuma应用


https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.kuma.uptime


对应添加需要监控的网站，这里以懒猫微服官网和开发者手册网站为例，按照下图方式进行添加
![CleanShot 2025-12-07 at 22.19.37.png](https://dl.playground.lazycat.cloud/guidelines/402/807311fa-a7a7-40b9-a136-3fd78bb987d2.png "CleanShot 2025-12-07 at 22.19.37.png")
然后点击上方的**状态页面**
![CleanShot 2025-12-07 at 22.26.13.png](https://dl.playground.lazycat.cloud/guidelines/402/2c509a85-e623-4035-ad64-cbaf2ab9740a.png "CleanShot 2025-12-07 at 22.26.13.png")
按照下图把刚才添加的网址添加进去，点击保存即可。
> 注意：状态页写的名称后续会用到，请记住！！！

![CleanShot 2025-12-07 at 22.24.25.png](https://dl.playground.lazycat.cloud/guidelines/402/5c455df3-6e36-43a8-8fee-99ed1010dd8a.png "CleanShot 2025-12-07 at 22.24.25.png")
然后打开端口转发应用，配置Uptime Kuma端口
![CleanShot 2025-12-07 at 22.22.18.png](https://dl.playground.lazycat.cloud/guidelines/402/5b00a353-1288-4e4b-a8b7-b8def5b3ef07.png "CleanShot 2025-12-07 at 22.22.18.png")

接下来打开**Kuma Mieru**应用，进行配置向导设置，按照下图进行配置。
![CleanShot 2025-12-07 at 22.27.56.png](https://dl.playground.lazycat.cloud/guidelines/402/fb9c9ecf-9209-4835-ab55-75ac5011b1ec.png "CleanShot 2025-12-07 at 22.27.56.png")
进图应用后，即可看到你之前在Uptime Kuma里添加的网址了
![CleanShot 2025-12-07 at 22.28.57.png](https://dl.playground.lazycat.cloud/guidelines/402/beb2bffa-3bed-421c-ab36-12073879f5b6.png "CleanShot 2025-12-07 at 22.28.57.png")

## 🧩 Conclusion —— 一句话总结
Kuma Mieru以Next.js重塑Uptime Kuma可视化，优点在于零配置美观图表与高性能渲染，但依赖后端部署且暂无移动端优化；适合自托管运维爱好者与小型团队构建专业状态页，而非追求全栈监控的企业级用户。