
引子:数字时代的“禅意”与“物尽其用”
数字时代的洪流中,我们时常被新潮科技裹挟,追逐性能的极限,却忽略了身边那些“被遗忘的角落”——比如,那台抽屉里闲置已久的旧iPad。我们渴望智能与便利,却也渴望一份宁静与秩序。有没有一种方式,能让旧物焕发新生,同时又不失现代科技的优雅与深度?
答案,或许就在 clock-dashboard 这个开源项目中。它如同一股清流,巧妙地将极简美学与实用功能融为一体,为你的旧设备注入了新的灵魂。
项目速览:不止是时钟,更是生活看板
clock-dashboard 是一个基于 Vue 3 + TypeScript + Vite + Tailwind CSS 构建的在线天气时钟看板。它不仅仅是简单的时间流逝,更是生活的脉动,是一个集时间、天气、农历、日历乃至智能家居控制于一体的个性化信息中心。想象一下,将你的旧iPad固定在墙上,它不再是冰冷的电子产品,而是一个兼具美感与功能的生活伴侣。
核心特性:精雕细琢,面面俱到
- 🕐 动态数字时钟:采用 SF Compact Rounded 字体,配合滚动动画与随机倾斜效果,让时间呈现出一种独特的生命力。支持自定义颜色与12小时制。
- 🌤️ 实时天气:数据来自 Open-Meteo,基于地理位置或IP精确获取。不仅显示温度、湿度,还包括空气指数(US AQI)、体感温度和紫外线指数。更有下雨、下雪、打雷等特效开关,让你的屏幕与窗外同步。
- 📅 农历与全屏日历:深度集成
lunar-typescript,提供精准农历、干支年及节日信息。全屏日历视图内置万年历,集成黄历宜忌、时辰吉凶等传统智慧,让你的生活多一份仪式感。 - 🏠 深度集成 Home Assistant:这是项目最亮眼的功能之一。它允许你通过左右滑动切换页面,实时控制和同步智能家居设备(如灯光、开关、窗帘电机)。支持一键JSON导入/导出配置,实现跨设备无缝同步。
- 📱 PWA 支持与本地缓存:支持iOS“添加到主屏幕”,提供全屏沉浸式体验,无地址栏干扰。所有配置数据都本地缓存,安全高效。
哲思:纯前端的“无垠”与“信任之基”
在这个数据隐私日益受关注的时代,clock-dashboard 的 纯前端 架构,无疑是一种负责任的设计哲学。这意味着你所有的配置与数据都安然栖居在你的设备端,无服务器交互,无隐私泄露风险。直接访问在线地址即可安全使用 Home Assistant,无需私有部署,这不仅是对开源精神的践行,更是对用户自主权的尊重。
开源的魅力在于透明,它让代码不再是冰冷的指令,而是社区共创的结晶。你可以检视每一行代码,按需定制,这在当下“黑箱”盛行的软件生态中,显得尤为珍贵。
快速上手:点亮你的“智能旧物”
将旧设备转化为智能看板,并非火箭科学。clock-dashboard 提供了多种便捷的部署方式,无论你是开发者还是普通用户,都能轻松上手。
Docker 部署:现代运维的优雅姿态
对于追求高效与可移植性的用户,Docker 部署 是首选。它将应用及其所有依赖打包成一个轻量级容器,让你在任何支持Docker的环境中都能快速部署和运行。
bash
拉取最新镜像
docker pull ghcr.io/teojs/clock-dashboard:latest
运行容器 (服务将在 http://localhost:8080 运行)
docker run -d -p 8080:80 --name clock-dashboard ghcr.io/teojs/clock-dashboard:latest
推荐使用 docker-compose,更方便管理和自动更新:
yaml
version: '3.8'
services:
clock-dashboard:
image: ghcr.io/teojs/clock-dashboard:latest
container_name: clock-dashboard
ports:
- '8080:80'
restart: unless-stopped
创建 docker-compose.yml 后,运行 docker-compose up -d 即可。
Home Assistant 集成:打通智能边界
要让 clock-dashboard 真正成为你智能家居的中心,你需要将其与 Home Assistant 连接。这涉及到简单的 HA 地址配置、长期访问令牌 的生成,以及关键的 CORS 跨域配置。在你的 Home Assistant configuration.yaml 中,需要添加看板的访问地址:
yaml
http:
cors_allowed_origins:
- https://your-github-username.github.io # 如果使用 GitHub Pages 部署
- http://192.168.1.xxx:8080 # Docker 部署地址
项目还支持 JSON 模式 批量配置 Home Assistant 实体,极大简化了智能设备列表的导入。
{
"url": "http://your-ha-url:8123",
"token": "your-long-lived-access-token",
"entities": [
{
"id": "light.living_room",
"name": "客厅灯"
},
{
"id": "cover.bedroom_curtain",
"name": "卧室窗帘"
}
]
}
结语:科技与生活的平衡点
clock-dashboard 不仅是一个技术实现,更是一种生活理念的体现——用最小的代价,实现最大的价值,让科技更好地服务于生活本身。它提醒我们,真正的智能并非盲目追新,而是善用现有资源,创造属于自己的数字秩序。它让旧设备不再是累赘,而是连接过去与未来、实用与美学的桥梁。
🚀 探索更多硬核科技
91biu —— 让探索科技成为生活方式。
每日精选:
* 🛠️ 实用软件 & 破解脚本 (iOS/Android)
* 🤖 前沿 AI 工具 & 免费资源
* 📦 GitHub 高星开源项目
* 🎬 4K 影视资源 & 玩机技巧
👇 扫码关注公众号,不迷路:

评论区