写了一个相册网站(Nuxt),集成 AI 智能识别、浏览器图片压缩等功能,可以一键部署到 Cloudflare

116 天前
 wiidede

集成 AI 智能处理、浏览器图片压缩等功能的全栈相册解决方案。相当于一个可以访问的个人作品集。

🤔 为什么要做这个网站? 我也试过其他类似网站,比如 exif-photo-blog ,它部署在 Vercel 上,但用多了就会碰到图片优化的使用限制。于是我想:干脆用 Vue 生态重写一个吧!把图片压缩直接放在浏览器端处理,彻底解决后端优化限量的问题。

体验地址:https://photo.wiidede.space/

Github: https://github.com/wiidede/exif-gallery-nuxt

特性:

  1. 解析 EXIF 信息,包括拍摄时间、拍摄地点、相机型号、光圈、快门速度、ISO 等,也会读取文件修改时间作为备选
  2. 浏览器图片压缩,支持压缩成 JPEG 、WebP 、AVIF 格式,类似于 squoosh
  3. AI 生成图片标题、标签,支持 gemini openai
  4. 几乎完全免费( R2 需要绑定信用卡,中国大陆 Visa 支持)
  5. 基于 Nuxt 、NuxtHub ,部署在 cloudflare ,SSR
  6. 图片存储在 R2 上
  7. 数据库使用 D1 ,驱动使用 drizzle-orm
  8. 使用 shadcn-vue 和 inspira-ui ,使用 unocss 提供原子化 css
  9. 移动端样式支持
  10. i18n: 中文/英文
  11. 自定义主题样式
  12. 批量上传
  13. 自动压缩,ai 自动生成标题、标签
  14. 两种视觉效果,动态流式布局,网格布局
  15. 无限滚动丝滑加载
  16. 按 tag 筛选图片,显示各个 tag 下的图片数量
  17. 图片信息快速编辑
  18. 图片单独连接
  19. 图片 3d 卡片效果
  20. view-transitions 转场动画
  21. Nuxt Auth Utils 提供服务端工具的简约身份验证模块
  22. 自定义网站标题

致谢:很多灵感来自 exif-photo-blog ,如果你不喜欢我的项目,或者不方便绑信用卡( R2 需要绑定信用卡),但也想部署网站,可以去 exif-photo-blog ,这也是个非常棒的网站

希望你们喜欢我的项目!

1357 次点击
所在节点    分享创造
2 条回复
cat
116 天前
3d 卡片效果能关掉吗
wiidede
116 天前
@cat 你如果要自己部署的话,你可以把那个组件去掉,应该不麻烦

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1119581

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX