旧 iPad 吃灰？NAS 部署 Clock Dashboard，秒变床头天气时钟看板

Clock Dashboard：

一个基于 Vue 3 + TypeScript + Vite + Tailwind CSS 构建的在线天气时钟看板。 将闲置旧 iPad 变为时钟看板，支持天气、农历、日历、Home Assistant 智能设备控制（通过左右滑动切换页面）。

主要特性：

🕐 动态数字时钟

• 滚动动画和随机倾斜效果

• 使用 SF Compact Rounded 字体

• 支持自定义时钟颜色

• 支持 12 小时制

🌤️ 实时天气

• 天气数据来自 Open-Meteo

• 根据地理位置或通过 BigDataCloud 查询 IP 获取位置

• 显示温度、湿度、空气指数（US AQI）、体感温度、紫外线指数

• 支持天气刷新间隔设置

• 支持下雨、下雪、打雷特效开关

• 点击底部天气区域可进行设置

📅 农历信息

• 集成 lunar-typescript

• 提供精准的农历、干支年及节日显示

📆 全屏日历

• 内置万年历视图

• 支持月份切换及今天快速跳转

• 集成黄历信息，包括宜忌、时辰吉凶、彭祖百忌等

🏠 智能家居控制

• 深度集成 Home Assistant

• 支持灯光、开关、窗帘电机（Cover）等设备的实时控制与状态同步

• 支持一键 JSON 导入/导出，方便跨设备同步配置

📱 PWA 支持

• 支持 iOS "添加到主屏幕"

• 全屏沉浸式体验，无地址栏

💾 本地配置缓存

• 所有配置数据都存储在本地，不会上传到服务器

在线地址：

https://teojs.github.io/clock-dashboard

安装

Docker Compose

services: clock-dashboard: image: ghcr.io/teojs/clock-dashboard:latest container_name: clock-dashboard ports: - 8080:80 restart: always

使用

浏览器中输入 http://NAS的IP:8080 就能看到界面

首页展示的是时间和天气，动画效果和图标都很不错

点击时间能显示精确到秒

能查看未来五天的天气预报

右上角有一个设置按钮，点击可以打开进行设置

支持语言切换和仅显示时钟的功能

支持自定义为自己喜欢的时钟样式

天气方面如果自动识别不准，也可以手动指定城市名

接下来说说日历和 HA 两个界面的功能

回到首页，向左滑动就是日历界面，查看节日信息很方便

点击具体日期，会显示很有特色的黄历信息

首页向右滑则是智能控制界面，因为还没添加所以目前是空白的

点击右上角设置按钮，进行配置（没有安装 Home Assistant 的用户就不需要设置了）

TIP：用户名 > 安全（页面最底部） > 长期访问令牌（创建令牌 ）

接下来填写实体 ID 就可以了（在 HA 里，点开设备后右上角设置可以获取）

简单看看效果，在这个界面是可以直接控制开关的

总结

Clock Dashboard 是一款天气时钟看板，支持动态时钟、实时天气、农历日历和 Home Assistant 设备控制，还能通过 PWA 添加到主屏幕全屏使用。整体完成度很高，动画效果和交互细节都看得出开发者用了心——闲置旧 iPad 装上它，秒变床头时钟看板，这才是最香的用法。

综合推荐：⭐⭐⭐⭐（旧设备再利用，闲置 iPad 秒变时钟看板）

使用体验：⭐⭐⭐⭐（交互流畅，动画精致，HA 集成方便）

部署难易：⭐（非常简单）︎

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～