表情包制作工具

一个轻量的 AI 表情包制作网页应用，支持多图上传、AI 文案、多种表情包风格、语气选择、主体避让、一图多版、GIF 加字、常用文案收藏、一键复制和无水印下载。

功能

• 上传 jpg、png、webp、gif
• AI 分析图片内容并生成中文表情包文案
• 支持语气：沙雕、社畜、阴阳怪气、可爱、冷幽默
• 支持风格：经典白字黑边、微博热评风、聊天截图风
• 一张图生成多版，可编辑文字、位置、字号、风格
• 自动根据主体粗略位置选择安全排版区域
• 本地收藏常用文案
• 复制 PNG 到剪贴板
• 下载 PNG、导出 GIF、批量 ZIP 下载
• 无水印

本地运行

cp .env.example .env
npm install
npm run dev

打开：

• 前端：http://localhost:5173
• 后端：http://localhost:3001

如果没有配置 AI_API_KEY，后端会自动使用 mock 数据，方便先跑通完整流程。

AI 配置

.env 示例：

AI_API_KEY=你的apikey
AI_BASE_URL=https://你的OpenAI兼容接口/v1
AI_MODEL=你的多模态模型名
AI_MOCK_MODE=false
PORT=3001
FRONTEND_ORIGIN=http://localhost:5173

接口按 OpenAI Chat Completions 兼容格式调用，适合大多数 OpenAI 兼容的多模态平台。

Docker 一键部署

cp .env.example .env
bash scripts/docker-deploy.sh

部署后访问：

http://localhost:3001

推送到 GitHub

先在 GitHub 创建一个空仓库，然后执行：

GITHUB_REPO=https://github.com/你的用户名/你的仓库名.git bash scripts/push-github.sh

脚本会自动：

1. 初始化 git 仓库。
2. 添加全部文件。
3. 创建提交。
4. 设置 main 分支。
5. 添加或更新 origin。
6. 推送到 GitHub。

项目结构

meme-maker/
  frontend/
    src/
      components/
      utils/
  backend/
    server.js
    ai.js
    prompts.js
  scripts/
    docker-deploy.sh
    push-github.sh
  Dockerfile
  docker-compose.yml