EXIF Gallery Nuxt介绍

EXIF Gallery Nuxt是一款全栈相册解决方案，通过集成AI智能处理和浏览器端图片压缩技术，为用户提供从图片上传、展示到压缩和云存储的完整服务，借助NuxtHub的Blob存储实现高效数据管理，支持多种图片格式如JPEG、WebP和AVIF，利用JSQuash库实现高质量压缩，采用shadcn-vue和inspira-ui构建现代化界面，辅以视图过渡API实现平滑动画过渡，并通过Nuxt Auth Utils提供简约的身份验证模块，整体基于边缘计算技术构建，利用UnoCSS和VueUse等工具提高开发效率，遵循TypeScript和严格的代码规范，为开发者提供一个高性能、易部署、跨平台的图片处理和相册展示平台。


EXIF Gallery Nuxt截图界面


EXIF Gallery Nuxt功能特性

  • 📷 图片上传与展示，支持

    hubBlob()
  • 🌐 云存储：基于 NuxtHub 的 Blob 存储（Cloudflare R2）
  • 🤖 AI 集成：支持 OpenAI 和 Gemini 智能图像处理
  • 🗜️ 图片压缩：支持多种格式（JPEG、WebP、AVIF），使用 JSQuash 库
  • 🎨 现代化界面：采用 shadcn-vue 和 inspira-ui 构建的精美组件
  • 🏃🏻 视图过渡 API 提供在不同 DOM 状态间创建动画过渡的机制，同时实现单步 DOM 内容更新
  • 🔑 Nuxt Auth Utils 提供 Vue 组合式 API 和服务端工具的简约身份验证模块


EXIF Gallery Nuxt如何使用/安装步骤

  1. 将本仓库克隆到本地
  2. 使用

    pnpm install

    或其他包管理器安装依赖
  3. 运行

    pnpm dev

    或其他包管理器启动应用

若未安装 pnpm，可运行：

corepack enable pnpm

GitHub地址：

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

演示地址：https://photo.wiidede.space/