Skip to content

插图工作流

手册配图的标准流程:人出 prompt → 任意 AI 生图 → AI 自动插入文档

图的要求

规范
风格手绘白板风 / 粗线条速写 / 知识图解风,不要太精致,有"上课板书"感
配色黑白为主,红色/蓝色标注关键点,背景偏白/偏奶油色
尺寸横版 1024×768(竖版 768×1024),手动缩放时保持比例
格式PNG
内容一张图讲一个概念,文字简洁,箭头/框线清晰
不要照片、3D 渲染、复杂渐变、多余装饰

协作流程

你要插图
  → 告诉我:「哪个文件、在哪段内容后、画什么」
  → 我给你生图 prompt(英文,豆包/Midjourney 直接用)
  → 你拿 prompt 去任意工具生图 → 发给我图片
  → 我存图 + 插 markdown,结束

Prompt 模板

拿去改一下主题词就行:

Hand-drawn whiteboard sketch on off-white background. Rough ink lines, slightly messy handwriting, occasional red/blue marker highlights. Chinese text labels. Educational diagram showing [这里写具体内容]. Clean composition, 2-4 visual elements, simple arrows and boxes. No screenshots, no photorealistic.

示例

你告诉我要画什么,我套模板给你成品 prompt:

你要:阶段一 1.1 里「向外看三步」的图解

我出Hand-drawn whiteboard sketch on off-white background. Three connected sections with rough arrows: left "向外看" (行业变化 / 工作方式 / JD信号), middle "向内看" (主力 / 辅助 / 缺口), right "交叉确认" (方向初稿, circled in red). Rough ink lines, messy handwriting, red highlights. Educational Chinese diagram. No screenshots.

文件放置

章节图片目录
阶段一docs/public/images/bootcamp/phase-1/
阶段二docs/public/images/bootcamp/phase-2/
阶段三docs/public/images/bootcamp/phase-3/
阶段四docs/public/images/bootcamp/phase-4/
Agentdocs/public/images/agent/
方法论docs/public/images/methodology/

命名:章节号-概念名.png,如 1.1-dual-review.png

Markdown 引用

markdown
![图说文字](/images/bootcamp/phase-1/1.1-dual-review.png)

图片宽高可通过 HTML 控制(VitePress 的 markdown 支持混写 HTML):

html
<img src="/images/bootcamp/phase-1/1.1-dual-review.png" alt="图说" style="max-width:600px" />

晨悦 AI 实践手册