# 开源的现代化照片画廊网站Afilmory

*Published:* 2025-06-30
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2025年6月30日，已超过 180天没有更新



开源的现代化照片画廊网站，Docker 一键部署，一个使用React+TypeScript构建的现代照片库网站，支持从多个存储源(S3、GitHub)自动同步照片，具有高性能WebGL渲染、砖石布局、EXIF信息显示、缩略图生成等功能。

**系统特色：**

核心功能

🖼️ 高性能WebGL图像渲染器-具有平滑缩放和平移操作的自定义WebGL组件

📱 响应式砌体布局-由Masonic提供支持，适应不同的屏幕尺寸

🎨 现代UI设计-基于Tailwind CSS和Radix UI组件库构建

⚡ 增量同步-智能更改检测，仅处理新的或修改过的照片

🌐 i18n-多语言支持

🔗 OpenGraph-用于社交媒体共享的OpenGraph元数据

图像处理

🔄 HEIC/HEIF格式支持-苹果设备HEIC格式的自动转换

📷 TIFF格式支持-TIFF格式的自动转换

🖼️ 智能缩略图生成-多尺寸缩略图，优化加载性能

📊 EXIF信息显示-完整的拍摄参数，包括相机型号、焦距、光圈等。

🌈 腮红占位符-优雅的图像加载体验

📱 实时照片支持-检测和显示iPhone实时照片

高级功能

🎛️ Fujifilm配方-读取并显示Fujifilm相机胶片模拟设置

🔍 全屏查看器-支持手势的图像查看器

🏷️ 文件系统标签-基于文件系统自动生成的标签

⚡ 并发处理-支持多进程/多线程并发处理

🗂️ 多存储支持-S3、GitHub和其他存储后端

📷 分享图片-将图片分享到社交媒体或将iframe嵌入到您的网站

技术架构

前端技术栈

React 19-带编译器的最新React版本

TypeScript-完全类型安全

Vite-现代构建工具

Tailwind CSS-原子CSS框架

Radix UI-可访问的组件库

Jotai-国家管理

TanStack查询-数据提取和缓存

React Router 7-路由管理

i18next-国际化

构建系统

Node.js-服务器端运行时

Sharp-高性能图像处理

AWS SDK-S3存储操作

工作线程/集群-并发处理

EXIF阅读器-EXIF数据提取

存储体系结构

采用适配器模式设计，支持多种存储后端：

S3兼容存储-AWS S3、MinIO、阿里云OSS等。

GitHub存储-使用GitHub存储库作为图像存储

github地址：https://github.com/Afilmory/Afilmory