README.md

metadata

title: B2B 案例研究工坊
emoji: 📈
colorFrom: indigo
colorTo: purple
sdk: docker
app_port: 7860
short_description: 生成高转化率的 B2B 案例研究页面，支持代码/图片/JSON 导出。

B2B 案例研究工坊 (B2B Case Study Studio)

一个用于快速构建高转化率“客户成功案例 / 案例研究”页面的可视化工具。面向 SaaS/B2B 团队与代理商，支持结构化编辑（挑战、方案、结果、KPI、证言），多主题预览，并一键导出 HTML 代码嵌入官网或落地页。还支持图片与配置（JSON）导出，便于复用与团队协作。

功能特点

• 可视化编辑：公司信息、背景挑战、解决方案、结果收益、KPI 指标、客户证言
• 多主题布局：经典、极简、主视觉高亮
• 一键导出：HTML 代码、PNG 图片、JSON 配置
• 本地持久化：自动保存到浏览器 LocalStorage
• 纯前端运行：无外部 API 依赖，中文界面
• Hugging Face 兼容：Docker 部署，端口 7860

使用方法

1. 左侧填写公司与案例内容；添加/编辑 KPI 与证言
2. 选择主题，右侧实时预览完整案例页
3. 点击“导出 HTML 代码”，复制到你的站点（需引入 Tailwind CSS）
4. 可导出 PNG 图片用于营销素材；导出/导入 JSON 便于协作

技术栈

• Backend: Flask
• Frontend: 原生 HTML/CSS/JS + Vue 3
• Deploy: Docker（Hugging Face Spaces）