图片目录结构说明

📁 新的目录结构

assets/images/
├── diary/                           # 博客文章配图
│   ├── ai-collaboration/           # AI协作文章配图
│   │   ├── ai-emergence.png        # AI智能涌现
│   │   ├── photo-management-pain.png  # 相册管理难点
│   │   ├── living-room-dev.png     # 客厅开发
│   │   ├── full-stack-delivery.png # 全栈交付
│   │   └── ai-dev-challenges.png   # AI开发常见问题
│   ├── architecture-thinking/       # 架构思维文章配图
│   │   ├── thinking-conduction.png # 思维传导
│   │   ├── precise-thinking.png    # 精准思维
│   │   ├── core-insight.png        # 核心洞察
│   │   └── precise-control.png     # 精准控制
│   ├── ai-roadmap/                 # 学习路径文章配图(待整理)
│   ├── backend-architecture/       # 后端架构文章配图(待整理)
│   └── ...
└── Screenshots/                     # 产品截图(保持不变)
    ├── Mobile/                     # 移动端截图
    └── PC/                         # PC端截图

📝 命名规则

目录命名

  • 使用英文,小写字母
  • 使用连字符分隔:ai-collaboration
  • 按文章主题分类

文件命名

  • 使用英文,小写字母
  • 使用连字符分隔:ai-emergence.png
  • 使用描述性名称,能说明图片内容
  • 文件扩展名保持原样(.png, .jpg等)

🔗 图片路径映射

AI协作文章(2025-12-17)

  • /assets/images/diary/ai-collaboration/ai-emergence.png - AI智能涌现
  • /assets/images/diary/ai-collaboration/photo-management-pain.png - 相册管理难点
  • /assets/images/diary/ai-collaboration/living-room-dev.png - 客厅开发
  • /assets/images/diary/ai-collaboration/full-stack-delivery.png - 全栈交付
  • /assets/images/diary/ai-collaboration/ai-dev-challenges.png - AI开发常见问题

架构思维文章(2025-12-20)

  • /assets/images/diary/architecture-thinking/thinking-conduction.png - 思维传导
  • /assets/images/diary/architecture-thinking/precise-thinking.png - 精准思维
  • /assets/images/diary/architecture-thinking/core-insight.png - 核心洞察
  • /assets/images/diary/architecture-thinking/precise-control.png - 精准控制

✅ 整理完成情况

  • 创建新的目录结构
  • 重命名AI协作文章图片
  • 重命名架构思维文章图片
  • 更新文章中的图片路径
  • 删除旧的重复目录
  • 整理其他文章图片(待后续文章发布时整理)

📋 后续整理计划

当发布新文章时,按以下规则整理图片:

  1. 创建文章专用文件夹assets/images/diary/文章主题/
  2. 重命名图片:使用描述性英文名称
  3. 更新文章路径:使用新的路径格式
  4. 保持一致性:所有图片遵循相同的命名规则

最后更新:2025-12-16