duqing2026's picture
fix: README metadata colorTo to allowed value
2895190
|
Raw
History Blame Contribute Delete
1.43 kB
---
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)