使用Vercel搭建完全免费的照片博客，让每一张照片都成为记忆的注脚

步骤 1：一键部署#

点击 Deploy with Vercel 按钮或 Fork 仓库后访问 https://vercel.com/new

步骤 2：配置环境变量#

数据库#

Vercel Postgres

• 免费：512MB 存储、1GB 内存、10万次执行
• 在 Vercel Storage 中创建并连接项目

对象存储（四选一）#

内容#

• NEXT_PUBLIC_META_TITLE：浏览器标签标题
• NEXT_PUBLIC_META_DESCRIPTION：搜索结果描述
• NEXT_PUBLIC_NAV_TITLE：导航标题
• NEXT_PUBLIC_PAGE_ABOUT：侧栏简介

性能#

• NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTOS：静态化照片页
• NEXT_PUBLIC_IMAGE_QUALITY：图片压缩质量（默认75）

设计#

• NEXT_PUBLIC_DEFAULT_THEME：默认主题（light/dark）
• NEXT_PUBLIC_GRID_HOMEPAGE：网格首页布局

创建 Bucket 并设置 CORS#

1
[
2
  {
3
    "AllowedHeaders": ["*"],
4
    "AllowedMethods": ["GET", "PUT"],
5
    "AllowedOrigins": ["https://your-domain.com"]
6
  }
7
]

环境变量#

公有端：

• NEXT_PUBLIC_CLOUDFLARE_R2_BUCKET
• NEXT_PUBLIC_CLOUDFLARE_R2_ACCOUNT_ID
• NEXT_PUBLIC_CLOUDFLARE_R2_PUBLIC_DOMAIN

私有凭据：

• CLOUDFLARE_R2_ACCESS_KEY
• CLOUDFLARE_R2_SECRET_ACCESS_KEY