README.md

metadata

title: Og Image Studio
emoji: 🏆
colorFrom: blue
colorTo: indigo
sdk: docker
pinned: false
short_description: OG 社交预览图工坊

OG 社交预览图工坊（OG Image Studio）

一键生成高质量社交分享封面（OG/Twitter Card），支持 1200×630、1200×675、1080×1080 等尺寸。适合做产品发布图、公众号/微博/小红书配图、Landing Page OG 图等，全部在浏览器本地完成，隐私友好。

功能

• 实时可视化编辑：标题/副标题、对齐、字体、颜色、渐变、阴影、留白
• Logo 上传：自动放置在左上角
• 多款主题预设：默认、极简黑白、暗夜霓虹、暖橙电商、科技蓝紫
• 一键导出 PNG（实际像素尺寸），可直接用于各大平台
• 完整中文界面与说明，适配 Hugging Face Spaces

本地运行

pip install -r requirements.txt
python app.py
# 浏览器打开 http://127.0.0.1:7860

或使用 Docker：

docker build -t og-image-studio .
docker run --rm -p 7860:7860 og-image-studio

部署到 Hugging Face Spaces（Docker）

1. 在 Hugging Face 创建 Space：命名为 duqing2026/og-image-studio，选择 SDK：Docker
2. 推送本仓库代码（或使用下面的 Git 方式）
3. 部署后访问 Space，端口默认 7860

目录结构

og-image-studio/
├─ app.py                # Flask 入口
├─ requirements.txt      # 依赖（仅 Flask）
├─ Dockerfile            # Hugging Face 用 Docker 部署
├─ templates/
│  └─ index.html         # 展示与编辑界面（中文）
└─ static/
   ├─ css/styles.css
   └─ js/main.js

许可

MIT