今天苏米就给大家挖来一个宝藏项目,一个由 V 友开源的、颜值和体验都在线的现代化照片画廊网站:
Afilmory
这个项目的起因特别纯粹,就是作者“看不惯市面上相册的 UI”,于是决定自己动手,丰衣足食。这种 Indie Hacker 的精神,苏米是相当佩服的。
下面我们来看看,这个项目为什么能让苏米眼前一亮。

它最吸引苏米的一点,就是那个如丝般顺滑的浏览体验。这得益于它自研的 WebGL 图片渲染引擎,你在网页上缩放、拖动照片,感觉就像在用手机原生相册一样流畅,完全没有普通网页看图的卡顿感。这种对细节的打磨,直接把用户体验拉满了。

说到存储,这个项目就更懂我们独立开发者了。
-
专业方案:支持各种 S3 兼容的云存储,比如阿里云 OSS、腾讯云 COS、Cloudflare R2 等,扩展性很强。
-
白嫖党专用:它还有一个绝活——支持用 GitHub 作为存储! 没错,你只需要创建一个仓库,Afilmory 就能把你的照片数据存进去,对于照片不多、想零成本搭建个人网站的朋友来说,这简直是福音。
为摄影爱好者量身打造的功能
除了基础的展示,Afilmory 还藏了不少让摄影爱好者狂喜的功能:

Live Photo 支持:iPhone 用户拍的实况照片,上传后也能在你的网站上“动”起来,完整还原生活中的精彩瞬间。
完整的 EXIF 信息:专业玩家必备!光圈、快门、ISO、镜头型号……所有照片的拍摄参数一目了然,方便你复盘和展示。
富士胶片模拟识别:如果你是富士相机用户,这条绝对能戳中你的心巴!它能自动识别并展示出你当时用的哪款胶片模拟(比如 CC、NC),这个小细节,瞬间让你的作品集专业感爆棚。
智能与高效:
-
格式自动转:再也不用头疼 iPhone 拍的 HEIC 或专业相机里的 TIFF 格式照片要先转换才能上传了,它会自动搞定。
-
增量同步:非常智能,只会处理和上传新增的照片,避免重复操作,更新相册超省心。
部署简单,上手快
项目采用了非常现代的技术栈(React 19 + TypeScript),并且提供了 Docker 一键部署。对于有一定动手能力的朋友来说,跟着官方文档敲几行命令,你自己的专属相册网站就上线了。
小技巧: 想让你的 Live Photo 动起来?很简单,只要把同名的 .mov
文件和照片(如 IMG_001.HEIC
和 IMG_001.MOV
)一起上传就行了,网站会自动把它们关联起来,非常智能。
总的来说,Afilmory 不仅仅是一个开源项目,更像是一个懂摄影、懂审美、懂开发者的“作品”。如果你也对自己的照片展示有那么一点点追求,不妨动手试试看,绝对会给你带来惊喜。
项目源码 (GitHub): https://github.com/Afilmory/Afilmory
官方演示 (Demo): https://afilmory.innei.in
更多案例: