Matrix 首页推荐 

Matrix 是少数派的写作社区，我们主张分享真实的产品体验，有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章，展示来自用户的最真实的体验和观点。 

文章代表作者个人观点，少数派仅对标题和排版略作修改。

手里有一台吃灰多年的旧 iPad，系统停留在 iOS 12 左右，基本上主流 App 已经全军覆没。直接卖了也就换顿火锅钱，放在家里占地方，扔了又觉得那块屏幕的表现其实还过得去。

为了物尽其用，我折腾了一个开源项目：Clock Dashboard。它是一个纯前端项目，核心逻辑很简单：利用废旧设备的屏幕，做一个既好看又实用的桌面信息中心。

一个「好用的看板」应该是什么样的？

市面上的时钟应用不少，但我自己用下来总觉得差点意思。要么是样式太死板（比如翻页钟），要么是广告满天飞。

所以我对自己写这个小工具有几个核心要求：

• 视觉要「灵动」：既然要一直亮屏放在桌面上，那就不能只是几个生硬的数字。
• 信息要集成：天气、日历是标配，如果能控制家里的智能家居就更好了。
• 部署要简单：最好能直接点开就用，或者一行命令部署。

聊聊几个核心的设计点

拒绝生硬：有「手感」的时间显示

在 UI 上，我选了两款比较有设计感的外部字体（Cherry Bomb One & Huninn）。为了让时间跳动看起来不那么机械，我加了一个随机倾斜动画。每分钟刷新时，数字都会伴随轻微的滚动效果和角度偏移。这种不规则的灵动感，让它在桌面上更像是一个精致的摆件。

联动 Home Assistant：让旧屏幕变成中控

这是我觉得最有用的功能。既然 iPad 已经立在桌面上了，如果只能看时间，那它的效率还是太低。
我把 Home Assistant 的控制接口集成进来了。通过左滑切换页面，你可以直接在 iPad 上开关灯、控制窗帘或者插座。对于不想专门花钱买智能面板的人来说，用旧 iPad 代替是成本最低、灵活度最高的方案。

天气与环境感应

看板接入了 Open-Meteo 天气数据，会自动根据位置获取当下的气温、湿度和紫外线。我还尝试做了一点「环境感应」：当天阴下雨或有雷电时，屏幕背景会有相应的实时动态效果，反馈非常直观。

针对旧设备的优化

因为是给旧 iPad 用，我选用了 Vue 3 + Vite 的架构，尽量保持代码轻量。同时它完美适配 PWA，你只需要在 Safari 里点击「添加到主屏幕」，它就会像原生 App 一样全屏运行，没有任何浏览器残留的白边或地址栏。

如何玩转这个看板？

项目现已在 GitHub 完全开源，支持以下几种方式：

• 项目地址: https://github.com/teojs/clock-dashboard
• 快速体验：直接访问在线预览地址，配置自己的 HA Token 即可使用。
• 自部署 (Docker)：为了解决跨域和数据私有化问题，我准备了 Docker 镜像：

docker run -d -p 8080:80 --name clock-dashboard ghcr.io/teojs/clock-dashboard:latest

• 配置同步：支持 JSON 导入导出，你在电脑上配置好 HA 实体，导出一份粘贴到 iPad 上就能无缝衔接。

写在最后

这其实是我为了解决自己桌面「痛点」而做的一个小工具。它没有复杂的后端逻辑，专注的就是「显示」和「简单的控制」。

如果你的抽屉里也躺着一台舍不得扔的旧设备，欢迎试着把它重新点亮。

项目地址：teojs/clock-dashboard

协议：CC BY-NC-SA 4.0

> 关注 少数派小红书，感受精彩数字生活 🍃

> 实用、好用的 正版软件，少数派为你呈现 🚀