編注：我們會不定期挑選 Matrix 的優(yōu)質(zhì)文章，展示來自用戶的最真實的體驗和觀點(diǎn)。 文章代表作者個人觀點(diǎn)，少數(shù)派僅對標(biāo)題和排版略作修改。

手里有一臺吃灰多年的舊 iPad，系統(tǒng)停留在 iOS 12 左右，基本上主流 App 已經(jīng)全軍覆沒。直接賣了也就換頓火鍋錢，放在家里占地方，扔了又覺得那塊屏幕的表現(xiàn)其實還過得去。

為了物盡其用，我折騰了一個開源項目：Clock Dashboard。它是一個純前端項目，核心邏輯很簡單：利用廢舊設(shè)備的屏幕，做一個既好看又實用的桌面信息中心。

▍一個「好用的看板」應(yīng)該是什么樣的？

市面上的時鐘應(yīng)用不少，但我自己用下來總覺得差點(diǎn)意思。要么是樣式太死板（比如翻頁鐘），要么是廣告滿天飛。

所以我對自己寫這個小工具有幾個核心要求：

• 視覺要「靈動」：既然要一直亮屏放在桌面上，那就不能只是幾個生硬的數(shù)字。

• 信息要集成：天氣、日歷是標(biāo)配，如果能控制家里的智能家居就更好了。

• 部署要簡單：最好能直接點(diǎn)開就用，或者一行命令部署。

在 UI 上，我選了兩款比較有設(shè)計感的外部字體（Cherry Bomb One & Huninn）。為了讓時間跳動看起來不那么機(jī)械，我加了一個隨機(jī)傾斜動畫。每分鐘刷新時，數(shù)字都會伴隨輕微的滾動效果和角度偏移。這種不規(guī)則的靈動感，讓它在桌面上更像是一個精致的擺件。

聯(lián)動 Home Assistant：讓舊屏幕變成中控

這是我覺得最有用的功能。既然 iPad 已經(jīng)立在桌面上了，如果只能看時間，那它的效率還是太低。
我把 Home Assistant 的控制接口集成進(jìn)來了。通過左滑切換頁面，你可以直接在 iPad 上開關(guān)燈、控制窗簾或者插座。對于不想專門花錢買智能面板的人來說，用舊 iPad 代替是成本最低、靈活度最高的方案。

天氣與環(huán)境感應(yīng)

看板接入了 Open-Meteo 天氣數(shù)據(jù)，會自動根據(jù)位置獲取當(dāng)下的氣溫、濕度和紫外線。我還嘗試做了一點(diǎn)「環(huán)境感應(yīng)」：當(dāng)天陰下雨或有雷電時，屏幕背景會有相應(yīng)的實時動態(tài)效果，反饋非常直觀。

針對舊設(shè)備的優(yōu)化

因為是給舊 iPad 用，我選用了 Vue 3 + Vite 的架構(gòu)，盡量保持代碼輕量。同時它完美適配 PWA，你只需要在 Safari 里點(diǎn)擊「添加到主屏幕」，它就會像原生 App 一樣全屏運(yùn)行，沒有任何瀏覽器殘留的白邊或地址欄。

如何玩轉(zhuǎn)這個看板？

項目現(xiàn)已在 GitHub 完全開源，支持以下幾種方式：

項目地址：https://github.com/teojs/clock-dashboard

快速體驗：直接訪問在線預(yù)覽地址，配置自己的 HA Token 即可使用。

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

自部署 (Docker)：為了解決跨域和數(shù)據(jù)私有化問題，我準(zhǔn)備了 Docker 鏡像：

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

配置同步：支持 JSON 導(dǎo)入導(dǎo)出，你在電腦上配置好 HA 實體，導(dǎo)出一份粘貼到 iPad 上就能無縫銜接。

這其實是我為了解決自己桌面「痛點(diǎn)」而做的一個小工具。它沒有復(fù)雜的后端邏輯，專注的就是「顯示」和「簡單的控制」。

如果你的抽屜里也躺著一臺舍不得扔的舊設(shè)備，歡迎試著把它重新點(diǎn)亮。

https://sspai.com/post/105047?utm_source=wechat&utm_medium=social

作者：teojs

責(zé)編：廣陵止息