ChronoFrame：丝滑的照片展示和管理应用

ChronoFrame：丝滑的照片展示和管理应用

在海量照片管理和浏览的时代，ChronoFrame 提供了一个优雅、丝滑的解决方案。
它是一款现代化的 照片展示与管理应用，不仅界面流畅，还支持多种图片格式与大尺寸渲染，让摄影师、设计师、博主都能轻松管理自己的影像档案。

核心特性

智能的照片管理

• 通过网页界面轻松上传与浏览图片
• 自动提取 EXIF 信息（时间、相机参数、地理位置等）
• 可在地图上探索拍摄地点，支持反向地理编码识别
• 支持多格式：JPEG、PNG、HEIC/HEIF
• 使用 ThumbHash 技术 生成高效缩略图，加载流畅

现代化技术栈

• Nuxt 4：提供 SSR/SSG 支持
• TypeScript：保证类型安全
• TailwindCSS：快速构建现代界面
• Drizzle ORM：强类型数据库操作

灵活的存储

• 支持本地文件系统、S3 等多种后端
• 可配置 CDN 加速图片加载速度

部署方式

推荐使用 Docker 镜像：

docker run -d --name chronoframe -p 3000:3000 \
  -v $(pwd)/data:/app/data --env-file .env \
  ghcr.io/hoshinosuzumi/chronoframe:latest

也可以使用 Docker Compose 一键部署：

services:
  chronoframe:
    image: ghcr.io/hoshinosuzumi/chronoframe:latest
    ports:
      - "3000:3000"
    volumes:
      - ./data:/app/data
    env_file:
      - .env

使用指南

• 默认登录账户：
  邮箱 [email protected]
  密码 CF1234@!
• 登录后进入 /dashboard 可上传照片
• 系统自动生成缩略图并标注拍摄地点

开发与构建

• 环境：Node.js 18+，pnpm 9+
• 开发命令：pnpm install pnpm dev
• 生产构建：pnpm build pnpm preview

项目结构清晰，分为 app/、server/、packages/ 等模块，开发者可轻松扩展。

开源与贡献

• 欢迎提交 Pull Request
• 遵循 TypeScript + ESLint + Prettier 规范
• 许可证：MIT
• 作者：Timothy Yin (HoshinoSuzumi)

官方网站：bh8.ga
展示图库：lens.bh8.ga

Github：https://github.com/HoshinoSuzumi/chronoframe/

油管：https://youtu.be/xMOViN37XY4