+
+
+
+
+
+
+ 模块说明
+ + 这是一个纯 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": "语言驱动封面生成器"
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 输入内容
+
+
+
+
+
+
+
+
+
+
+
+
+ 封面预览
+
+
+
+ ![封面]()
+
+
+
+ 🎨
点击执行
生成封面
编译中...
---