图片目录结构说明
图片目录结构说明
📁 新的目录结构
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协作文章图片
- 重命名架构思维文章图片
- 更新文章中的图片路径
- 删除旧的重复目录
- 整理其他文章图片(待后续文章发布时整理)
📋 后续整理计划
当发布新文章时,按以下规则整理图片:
- 创建文章专用文件夹:
assets/images/diary/文章主题/ - 重命名图片:使用描述性英文名称
- 更新文章路径:使用新的路径格式
- 保持一致性:所有图片遵循相同的命名规则
最后更新:2025-12-16