編注:我們會不定期挑選 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 即可使用。
https://teojs.github.io/clock-dashboard/
自部署 (Docker):為了解決跨域和數據私有化問題,我準備了 Docker 鏡像:
docker run -d -p 8080:80 --name clock-dashboard ghcr.io/teojs/clock-dashboard:latest
配置同步:支持 JSON 導入導出,你在電腦上配置好 HA 實體,導出一份粘貼到 iPad 上就能無縫銜接。
這其實是我為了解決自己桌面「痛點」而做的一個小工具。它沒有復雜的后端邏輯,專注的就是「顯示」和「簡單的控制」。
如果你的抽屜里也躺著一臺舍不得扔的舊設備,歡迎試著把它重新點亮。
https://sspai.com/post/105047?utm_source=wechat&utm_medium=social
作者:teojs
責編:廣陵止息
![]()
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.