Umami 网站统计工具的安装部署教程，作为一款轻量级的开源方案，我自己的网站统计基本都交给它了。Umami作为一个轻量级的网站统计工具，苏米一直在使用，自己部署体验确实不错！
不过，随着我名下的网站越建越多（目前统计网站超过10个了），原生的 Umami 面板也有点“吃不消”了，尤其是我非常关注过去 24 小时每个网站的访问表现，原来的首页展示方式总感觉不够直观，有点难快速做对比。
正好今天看到一个V友分享了同样的使用痛点，并且这位朋友还专门为此制作了一个针对Umami的增强看板，能够立刻将Umami的数据直观性提升十倍以上。苏米体验了一下，确实解决了多网站统计时的查看问题。
umami-dashboard
让Umami数据更直观的开源面板！
这个项目叫做umami-dashboard，是一个专门为Umami打造的现代化统计数据看板，主要解决原生Umami在多网站管理时数据查看不够直观的问题。
核心亮点
这个面板最大的优势就是数据聚合显示。它基于Umami的API接口实现，能够将多个网站的统计数据整合在一个页面上展示，让你一眼就能看到所有网站的表现情况。
而且所有数据都存储在你的浏览器本地，不会上传到任何第三方服务器，隐私和安全性有保障。项目完全开源，你也可以选择自己部署。
功能特色
实时监控：支持实时流量数据展示，可以设置自动刷新间隔 多站点管理：一个面板管理多个网站的统计数据 图表展示：提供历史数据的可视化图表 灵活配置：支持自定义各种显示参数 本地存储：配置信息保存在本地，不依赖外部服务
快速上手
部署方式很简单，支持Docker一键启动：
docker run -p 3000:3000 songtianlun/umami-dashboard:latest
启动后访问 http://localhost:3000 就可以开始使用了。
配置设置
首次使用需要简单配置一下：
-
点击设置：右上角有个设置按钮
-
填写信息：输入你的Umami服务器地址、用户名和密码
-
测试连接：配置完成后先测试一下连接是否正常
-
保存使用：测试通过后保存配置就可以正常使用了
配置信息会保存在浏览器本地，下次访问时会自动读取。如果需要重置配置，点击重置按钮即可清空所有设置。
技术实现
这个项目使用了比较现代的技术栈：
-
Next.js 14：基于最新的App Router架构
-
Tailwind CSS + Shadcn/ui：界面设计简洁现代
-
Recharts：图表展示效果不错
-
TypeScript：代码质量有保障
数据存储采用浏览器的LocalStorage，既保证了隐私安全，又能提供良好的用户体验。
使用感受
苏米试用了一段时间，确实解决了原生Umami在多网站管理时的痛点。特别是当你有很多个网站需要统计时，这个面板能够让你快速了解所有网站的整体表现，不用再一个个切换查看了。
界面设计也比较清爽，数据展示很直观。对于经常需要查看网站统计数据的朋友来说，这个工具确实能提升不少效率。
如果你也在使用Umami进行网站统计，并且有多个网站需要管理，不妨试试这个增强面板，相信会让你的数据查看体验提升不少。