AI 编程博主的图片素材管理方案

AI编程素材库/
├── 封面图/
│   ├── AI编程教程封面
│   ├── AI工具评测封面
│   ├── AI产品案例封面
│   └── 技术深度解析封面
│
├── 技术配图/
│   ├── 代码截图（VS Code/Cursor/Claude Code）
│   ├── 架构图（系统架构/流程图）
│   ├── AI模型示意图（GPT/Claude/开源模型）
│   ├── API调用示例
│   └── 终端/命令行截图
│
├── 产品展示/
│   ├── AI产品界面
│   ├── 功能演示GIF
│   ├── 前后对比图
│   └── 成果展示
│
├── 工具素材/
│   ├── AI工具Logo
│   ├── AI工具界面截图
│   ├── 工具对比表格
│   └── 定价截图
│
├── 概念图示/
│   ├── Prompt工程
│   ├── RAG架构
│   ├── Agent工作流
│   ├── LangChain/LlamaIndex
│   └── Vector Database
│
└── 装饰元素/
    ├── AI主题图标
    ├── 代码装饰
    ├── 分割线
    └── 标注箭头

• • #AI编程#AI工具#AI产品#教程#案例

用来快速筛选文章方向。

二级标签：技术栈

• • #GPT#Claude#Gemini
• • #LangChain#LlamaIndex
• • #Python#JavaScript#TypeScript
• • #API#Prompt
• • #RAG#Agent#FunctionCalling

这是最常用的标签层级，写某个技术的文章时直接搜这个标签。

三级标签：使用场景

• • #封面#配图#步骤图#对比图
• • #代码示例#架构图#流程图
• • #UI截图#终端截图

配合二级标签使用。比如搜 #Claude + #UI截图 就能找到所有 Claude 界面截图。

四级标签：风格

• • #暗色主题#亮色主题
• • #极简#科技感#专业
• • #带标注#原始素材

用来统一视觉风格。写一篇文章时尽量用同一风格的配图。

命名规范

文件名格式：[日期]_[类型]_[主题]_[工具名]

示例：

• • 20260129_cover_cursor_tutorial - 2026年1月29日的 Cursor 教程封面
• • 20260129_code_claude_api_demo - Claude API 演示代码截图
• • 20260129_ui_chatgpt_canvas - ChatGPT Canvas 功能界面

这样做有两个好处：

1. 1. 按时间排序：可以看到素材的新旧程度，AI 工具界面更新快，旧截图可能已经过时
2. 2. 一眼识别：不用打开图片就知道大概内容

实际工作流

收集阶段

用 Eagle 的浏览器插件：

• • 看到有用的图直接右键 → 保存到 Eagle
• • 自动记录来源网址（需要标注出处时很有用）
• • 保存时就选好文件夹和打上基本标签

整理阶段

每周抽 10 分钟：

• • 给新收集的素材补充详细标签
• • 删掉重复或质量差的
• • 给高频使用的素材打 5 星评分

使用阶段

写文章时：

1. 1. 打开 Eagle，搜索对应技术栈标签
2. 2. 用颜色筛选器找符合主题色的图
3. 3. 拖拽到文章里
4. 4. 在 Eagle 里给图片添加备注"已用于[文章标题]"

归档阶段

文章发布后：

• • 创建一个智能列表"已使用-2026-01"
• • 把这期文章用到的素材都加入
• • 方便以后找"之前某篇文章用的是哪张图"

几个实用技巧

1. 智能列表设置

我创建了这些智能列表：

• • 本周待用 - 正在写的文章相关素材，写完就清空
• • 高频复用 - 各家 Logo、常用图标、个人签名档
• • 待处理 - 截图后需要加标注、裁剪的原始素材

2. 代码截图统一工具

用 Carbon 或 Ray.so 生成代码截图：

• • 视觉风格统一
• • 自动带语法高亮
• • 导出高清图直接存 Eagle

3. 配色方案

AI 编程领域常用的配色：

• • 🟦 蓝色系 - Claude、VS Code、专业感
• • 🟩 绿色系 - OpenAI、成功状态
• • 🟪 紫色系 - AI、未来感
• • ⬛ 暗色系 - 代码编辑器主题

用 Eagle 的颜色筛选功能，可以快速找到同色系配图。

这套方案的局限性

这个管理方案适合：

• • 更新频率高 - 每周至少发 1-2 篇文章
• • 素材量大 - 几百到几千张图片
• • 需要精确检索 - 不想翻半天找一张图

如果你：

• • 一个月才发一两篇文章
• • 图片总量不到 100 张
• • 素材类型很单一

那直接建几个文件夹就够了，不用搞这么复杂。

总结

图片素材管理的核心是：让查找速度快于重新制作速度。

如果找一张图要 5 分钟，重新做只要 3 分钟，那管理就失败了。

Eagle 的分类、标签、智能列表、颜色筛选，组合起来能让我在 10 秒内找到想要的素材，这才是值得的。

我的方案不一定适合所有人，但核心思路可以参考：按使用场景分类，用多维度标签定位，用命名规范辅助识别。

你有更好的素材管理方法吗？欢迎讨论。