模块说明
这是一个纯 HTML/CSS 排版渲染的封面生成工具。不依赖任何 AI 绘画模型，不需要 GPU，不需要 API 密钥。 系统接收用户的自然语言描述，分析内容类型和情绪，自动推荐配色和布局，然后通过 Puppeteer + Chrome 渲染为高清 PNG。
核心能力： 语言驱动排版设计 · 意图链可追溯 · 编号唯一归属验证 · 开源免费可部署
快速开始 · 部署到你自己的服务器
# 克隆仓库
git clone https://guanghulab.com/code/bingshuo/guanghulab.git
cd guanghulab/image-studio
# 安装依赖（需要 Node.js 18+）
npm install
# 启动服务
node server.js
# 打开浏览器 → http://localhost:3912
技术栈 · 全免费开源
// 全部开源、全部免费
渲染引擎: Puppeteer + Chrome Headless // 免费
Web 框架: Express.js // 免费
排版引擎: 纯 HTML/CSS（不调用任何 AI 模型） // 免费
意图分析: 自研文本分析引擎 // 免费
配色推荐: 5 种预设风格 + 动态匹配 // 免费
// 不需要的东西：
// × 不需要 GPU
// × 不需要 API 密钥
// × 不需要付费模型
// × 不需要任何第三方付费服务
API 接入 · 让你的 AI 直接调用
任何编程 AI（Claude、Cursor、Windsurf 等）通过 MCP 工具或 HTTP 请求直接调用此模块：
// 获取可用模板
GET https://guanghulab.com/cover/api/templates
// 生成封面
POST https://guanghulab.com/cover/api/generate
Content-Type: application/json
{
"templateId": "xiaohongshu",
"presetId": "tech",
"title": "零基础手搓AI做图小系统",
"body": "AI辅助 + 自己手搓 · 0经验也能开发",
"layout": "hero"
}
// 响应
{
"success": true,
"url": "/output/cover_xxx.png",
"intent_chain": [/* 7 步意图推理 */]
}
GET /api/templates
返回所有可用模板列表
// 响应
[
{
"id": "xiaohongshu",
"name": "小红书封面",
"sizes": { "width": 1080, "height": 1440 },
"presets": [
{ "id": "tech", "name": "科技蓝" },
{ "id": "warm", "name": "奶油暖调" },
// ...
]
}
]
POST /api/generate
生成封面图片，返回图片 URL + 意图链
// 参数
{
"templateId": "xiaohongshu", // 模板 ID（必填）
"presetId": "tech", // 预设风格（默认第一个）
"title": "标题", // 封面标题
"body": "正文", // 封面正文（支持 Markdown）
"layout": "hero", // default | hero | quote
"tag": "教程" // 可选标签
}
// 响应
{
"success": true,
"url": "/output/cover_xxx.png",
"filename": "cover_xxx.png",
"templateName": "小红书封面",
"presetId": "tech",
"layout": "hero",
"intent_chain": [
{ "icon": "💬", "step": "你说", "who": "用户", "detail": "...", "why": "..." },
// ... 7 步意图推理
]
}
MCP 接入说明
在编程 AI 的 MCP 配置中添加此 HTTP 端点，AI 即可直接调用：
{
"mcpServers": {
"cover-studio": {
"type": "http",
"url": "https://guanghulab.com/cover/api/generate",
"description": "语言驱动封面生成器"
}
}
}
输入内容
封面预览
🎨
点击执行
生成封面
编译中...
---