图片素材整理方案

📁 当前问题

  1. 目录结构重复assets/images/diary/diary/ - 有重复的diary目录
  2. 命名不规范
    • 有些用 1st.png, 2nd.png
    • 有些用 1.png, 2.png
    • 文件名不够描述性
  3. 路径混乱:文章中使用 /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/

命名规则

  1. 使用英文命名:便于跨平台兼容
  2. 使用描述性名称:文件名能说明图片内容
  3. 使用小写字母和连字符photo-classification-home.png
  4. 按文章分类:每个文章一个文件夹

📋 具体整理计划

1. AI协作文章图片(ai-cowoker)

  • 1st.pngai-emergence.png (AI智能涌现)
  • 2nd.pngai-emergence.png (已在文章中使用)
  • 3rd.pngphoto-management-pain.png (相册管理难点)
  • 4th.pngliving-room-dev.png (客厅开发)
  • 5th.pngfull-stack-delivery.png (全栈交付)
  • 6th.pngai-dev-challenges.png (AI开发常见问题)

2. 架构思维文章图片(arch-pe)

  • 1.png → (未使用)
  • 2.pngthinking-conduction.png (思维传导)
  • 3.pngprecise-thinking.png (精准思维)
  • 4.pngcore-insight.png (核心洞察)
  • 5.pngprecise-control.png (精准控制)

3. 其他文章图片

  • 按文章分类整理到对应文件夹
  • 使用描述性命名

🔄 执行步骤

  1. 创建新的目录结构
  2. 移动并重命名图片文件
  3. 更新文章中的图片路径引用
  4. 删除旧的目录结构
  5. 提交更改