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

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

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

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

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

所以我對(duì)自己寫(xiě)這個(gè)小工具有幾個(gè)核心要求：

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

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

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

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

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

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

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

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

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

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

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

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

項(xiàng)目地址：https://github.com/teojs/clock-dashboard

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

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

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

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

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

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

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

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

作者：teojs

責(zé)編：廣陵止息