awesome-gpt-image-2案例导入流程详解：从社区帖子到画廊案例的完整链路
【免费下载链接】awesome-gpt-image-2Prompt as Code | GPT Image 2 / 2.5 提示词与案例库，530+ 个案例、20+ 套工业级模板与可复用 Skills，新增 2.5 同提示词对比专区，附完整提示词与生成记录，持续更新。项目地址: https://gitcode.com/GitHub_Trending/awe/awesome-gpt-image-2
awesome-gpt-image-2 是一个 GPT Image 2 / 2.5 提示词与案例库，收录 530+ 社区精选案例。这篇文章带你完整看懂案例导入流程：一个小红书、X 等平台上的社区帖子，是如何一步步变成画廊里可浏览、可复制提示词的案例条目的。
📥 第一步：社区帖子如何被收录
案例的原始来源散落在各社区平台。进入 docs/gallery-part-1.md 可以看到每个案例的标准结构，其中**来源：**字段就标注了帖子出处，例如"小红书号 insight_express"、"小红书号 4264014889"：
- 维护者在社区平台发现值得收藏的 GPT Image 2 生成作品
- 记录原作者/账号，写入
**来源：**字段 - 保存生成图到 data/images/（命名为
caseN.jpg，N 为案例编号） - 在 docs/gallery-part-1.md（例 1-165）或 docs/gallery-part-2.md（例 166-532）末尾追加一条新案例
📝 第二步：案例条目的固定格式
每个案例在 Markdown 中都是同一个四件套，编号必须连续递增：
- 锚点：
<a name="case-N"></a>（用于站内/站外跳转定位） - 标题：
### 例 N：案例名称 - 图片：
alt - 来源 + 提示词：提示词放在
**提示词：**下的text代码块中
以 例 248：景德镇青花瓷全景解说图谱 为例，提示词完整保留了原始帖子的生成记录，方便他人复现。
⚙️ 第三步：脚本自动解析，一条命令生成数据
这是整个链路的"枢纽"。运行npm run generate:site-data（即 scripts/generate-site-data.mjs），脚本会完成：
| 环节 | 实现位置 | 作用 |
|---|---|---|
| 切分案例 | parseCases | 按case-N锚点把 Markdown 切成独立条目 |
| 提取提示词 | extractPrompt | 从代码块中抠出完整提示词，并生成 220 字符预览 |
| 提取来源 | extractSource | 解析**来源：**中的帖子名称与链接 |
| 智能分类 | inferCategory | 按关键词自动归入 UI、信息图、海报、电商等 12 个分类 |
| 自动打标 | inferTags | 结合 data/style-library.json 的关键词库推断风格与场景标签 |
| 精选标记 | featuredIds | 人工维护的精选案例 ID 集合 |
最终输出结构化的 data/cases.json：包含totalCases、categories、styles、scenes以及按 ID 倒序的全部案例数组。
🖼️ 第四步：网站画廊实时渲染
- vite.config.js 把
data/设为静态目录，因此cases.json随站点一起部署 - 前端 src/main.jsx 通过
fetch('/cases.json')拉取数据，渲染出可按分类、风格筛选的画廊，支持大图预览、一键复制提示词，并能跳回 Markdown 原文定位案例 - 收藏功能则由 api/favorites.js 读取同一份
data/cases.json提供数据支持
🧩 衍生链路：风格库技能（Skill）
同一套style-library.json还会被 scripts/generate-style-skill.mjs 加工成可安装的 Agent 技能 gpt-image-2-style-library，把提示词模板变成 AI 编程工具可直接调用的资产，配合 docs/templates.md 的工业级模板与防坑指南使用。
✅ 小结：一图看懂完整链路
社区帖子（小红书/X 等） │ ① 记录来源 + 保存图片 + 追加标准格式条目 ▼ docs/gallery-part-1.md / gallery-part-2.md │ ② npm run generate:site-data 自动解析、分类、打标 ▼ data/cases.json（结构化案例数据） │ ③ 前端 fetch 渲染 + ④ 生成风格库 Skill ▼ 画廊网站浏览/复制提示词 + Agent 可复用技能想给项目贡献案例？只要按上面的四件套格式新增一条、让编号连续递增即可——剩下的分类、打标、上线，全部由脚本自动完成。
【免费下载链接】awesome-gpt-image-2Prompt as Code | GPT Image 2 / 2.5 提示词与案例库，530+ 个案例、20+ 套工业级模板与可复用 Skills，新增 2.5 同提示词对比专区，附完整提示词与生成记录，持续更新。项目地址: https://gitcode.com/GitHub_Trending/awe/awesome-gpt-image-2
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
