
这个项目旨在让闲置的旧手机重获新生,将其改造成一个 24 小时实时数据监控面板。通过简洁的界面展示各类实时数据,让旧手机发挥余热,成为你的专属数据中心。
- 加入黑夜模式
- 添加上证指数大盘
- 优化UI
- 加入校巴
- 📱 专为手机屏幕优化的响应式设计
- ⚡ 实时数据自动更新
- 🌈 简洁现代的 UI 界面
- 🔋 适合 24 小时持续运行
- ⏰ 实时时间(每秒更新)
- 🌤️ 实时天气信息(每30分钟更新)
- 当前温度
- 体感温度
- 湿度
- 天气状况
- 📊 B站视频数据(每60秒更新)
- 视频标题
- 播放量
- 点赞数
- 👥 GitHub 仓库访问统计
-
天气 API
URL: https://api.openweathermap.org/data/2.5/weather 参数: - lat: 纬度 (示例: 22.53291) - lon: 经度 (示例: 113.93029) - appid: OpenWeatherMap API密钥 - units: metric (使用摄氏度)
-
B站视频 API
URL: /api/bilibili 参数: - bvid: B站视频的BV号 返回数据: - title: 视频标题 - view: 播放量 - like: 点赞数
-
GitHub 访问统计
使用 visitor-badge 服务 URL: https://api.visitorbadge.io/api/VisitorHit 参数: - user: GitHub用户名 - repo: 仓库名 - countColor: 统计数字颜色
-
克隆仓库
git clone https://github.com/Scodive/Old_PHONE_Display.git
-
配置环境
- 注册并获取 OpenWeatherMap API 密钥
- 在代码中替换相应的 API 密钥和 B站视频 BV 号
-
部署到 Vercel
npm install -g vercel vercel login vercel
- 建议使用旧手机浏览器的全屏模式
- 关闭手机自动锁屏
- 保持充电状态
- 建议使用深色模式以节省电量
- 可以根据需要调整数据刷新频率
可以根据需要修改以下参数:
- 天气更新频率(默认30分钟)
- B站数据更新频率(默认60秒)
- 添加或移除数据模块
- 自定义样式和布局
- 添加更多数据源支持
- 支持自定义数据模块
- 添加数据可视化图表
- 支持暗色主题切换
- 添加本地数据缓存
欢迎提交 Issue 和 Pull Request 来完善项目功能!
MIT License