图片素材整理方案
图片素材整理方案
📁 当前问题
- 目录结构重复:
assets/images/diary/diary/- 有重复的diary目录 - 命名不规范:
- 有些用
1st.png, 2nd.png - 有些用
1.png, 2.png - 文件名不够描述性
- 有些用
- 路径混乱:文章中使用
/assets/images/diary/diary/路径
🎯 整理目标
新的目录结构
assets/images/
├── diary/ # 博客文章配图
│ ├── ai-collaboration/ # AI协作文章配图
│ │ ├── ai-emergence.png
│ │ ├── photo-management-pain.png
│ │ ├── living-room-dev.png
│ │ ├── full-stack-delivery.png
│ │ └── ai-dev-challenges.png
│ ├── architecture-thinking/ # 架构思维文章配图
│ │ ├── thinking-conduction.png
│ │ ├── precise-thinking.png
│ │ ├── core-insight.png
│ │ └── precise-control.png
│ ├── ai-roadmap/ # 学习路径文章配图
│ ├── backend-architecture/ # 后端架构文章配图
│ └── ...
└── Screenshots/ # 产品截图(保持不变)
├── Mobile/
└── PC/
命名规则
- 使用英文命名:便于跨平台兼容
- 使用描述性名称:文件名能说明图片内容
- 使用小写字母和连字符:
photo-classification-home.png - 按文章分类:每个文章一个文件夹
📋 具体整理计划
1. AI协作文章图片(ai-cowoker)
1st.png→ai-emergence.png(AI智能涌现)2nd.png→ai-emergence.png(已在文章中使用)3rd.png→photo-management-pain.png(相册管理难点)4th.png→living-room-dev.png(客厅开发)5th.png→full-stack-delivery.png(全栈交付)6th.png→ai-dev-challenges.png(AI开发常见问题)
2. 架构思维文章图片(arch-pe)
1.png→ (未使用)2.png→thinking-conduction.png(思维传导)3.png→precise-thinking.png(精准思维)4.png→core-insight.png(核心洞察)5.png→precise-control.png(精准控制)
3. 其他文章图片
- 按文章分类整理到对应文件夹
- 使用描述性命名
🔄 执行步骤
- 创建新的目录结构
- 移动并重命名图片文件
- 更新文章中的图片路径引用
- 删除旧的目录结构
- 提交更改