AI 壁纸

由 aiwallpaper.shop 提供的 AI 壁纸生成器

实时演示

https://aiwallpaper.shop

快速开始

1. 克隆项目

git clone https://github.com/all-in-aigc/aiwallpaper

2. 安装依赖

cd aiwallpaper
pnpm install

3. 初始化数据库

使用 本地 PostgreSQL、Vercel Postgres 或 Supabase 创建您的数据库。

然后从 data/install.sql 中的 SQL 脚本创建表。

4. 设置环境变量

在 aiwallpaper 项目的根目录下创建 .env.local 文件，并填写以下内容：

OPENAI_API_KEY=""

POSTGRES_URL=""

AWS_AK=""
AWS_SK=""
AWS_REGION=""
AWS_BUCKET=""

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=""

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

STRIPE_PUBLIC_KEY=""
STRIPE_PRIVATE_KEY=""

WEB_BASE_URI=""

5. 本地开发

pnpm dev

打开 http://localhost:3000 即可预览。

致谢

• gpts.works 提供代码参考
• Next.js 用于全栈开发
• Clerk 用于用户认证
• AWS S3 用于图片存储
• Stripe 用于支付处理
• Node-Postgres 用于数据操作
• Tailwind CSS 用于页面构建

其他信息

您可以通过 Twitter 联系我：https://twitter.com/idoubicc

如果这个项目对您有帮助，请给我买杯咖啡支持一下。

AI Wallpaper 快速上手指南

环境准备

在开始之前，请确保您的开发环境满足以下要求：

• Node.js: 建议安装 LTS 版本（推荐 v18+）
• 包管理器: 必须安装 pnpm (如未安装，可运行 npm install -g pnpm)
• 数据库: PostgreSQL (可选择本地安装、Vercel Postgres 或 Supabase)
• 云服务账号:
  • OpenAI API Key (用于生成壁纸)
  • AWS S3 配置 (用于图片存储，需 Access Key, Secret Key, Region, Bucket)
  • Clerk 账号 (用于用户认证，需 Publishable Key)
  • Stripe 账号 (用于支付功能，需 Public/Private Key)

安装步骤

1. 克隆项目

git clone https://github.com/all-in-aigc/aiwallpaper
cd aiwallpaper

2. 安装依赖

pnpm install

提示：如果下载速度较慢，可配置国内镜像源：

pnpm config set registry https://registry.npmmirror.com
pnpm install

3. 初始化数据库

使用您选择的 PostgreSQL 服务（本地、Vercel 或 Supabase）创建数据库，并执行项目根目录下 data/install.sql 文件中的 SQL 语句以创建数据表。

4. 配置环境变量

在项目根目录创建 .env.local 文件，并填入以下配置信息：

OPENAI_API_KEY="你的 OpenAI 密钥"

POSTGRES_URL="你的 PostgreSQL 连接地址"

AWS_AK="你的 AWS Access Key"
AWS_SK="你的 AWS Secret Key"
AWS_REGION="你的 AWS 区域"
AWS_BUCKET="你的 S3 存储桶名称"

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="你的 Clerk Publishable Key"
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

STRIPE_PUBLIC_KEY="你的 Stripe 公钥"
STRIPE_PRIVATE_KEY="你的 Stripe 私钥"

WEB_BASE_URI="http://localhost:3000"

基本使用

完成上述配置后，即可启动本地开发服务器：

pnpm dev

启动成功后，在浏览器中访问 http://localhost:3000 即可预览并使用 AI 壁纸生成功能。