测试文章 - 带图片的文章示例

这是一篇测试文章，展示如何在博客中插入图片。

说明：本文用于测试 Hexo 的 post_asset_folder 功能，确保图片能够正确显示在博客中。

图片文件夹结构

启用 post_asset_folder: true 后，文章结构如下：

source/_posts/Life_Discovery/
├── 2026-03-13-Test-Post-With-Images/    ← 图片文件夹
│   └── screenshot-desktop.png
└── 2026-03-13-Test-Post-With-Images.md  ← 这篇文章

实际截图示例

下面是我刚刚截取的桌面截图：

↑ 这是我的电脑桌面截图，拍摄于 2026 年 3 月 13 日

如何插入图片

方法 1：直接引用

将图片放入同名的图片文件夹后，在 Markdown 中直接使用：

![图片描述](图片文件名.png)

例如：

![桌面截图](screenshot-desktop.png)

方法 2：使用子文件夹

你也可以在图片文件夹内创建子文件夹：

2026-03-13-Test-Post-With-Images/
├── screenshots/
│   └── screen1.png
└── diagrams/
    └── diagram1.jpg

然后在文章中使用：

![截图](screenshots/screen1.png)
![图表](diagrams/diagram1.jpg)

使用技巧

1. 图片命名：使用有意义的文件名，如 screenshot-2026-03-13.png
2. 图片格式：推荐使用 PNG（截图）或 JPG（照片）
3. 图片大小：建议压缩图片，避免文件过大
4. Alt 文本：始终添加图片描述，便于无障碍访问

总结

现在你可以：

• ✅ 为每篇文章创建独立的图片文件夹
• ✅ 在 Markdown 中直接引用图片
• ✅ 使用子文件夹分类管理图片

---

开始写你的第一篇带图片的文章吧！ 📝📸

本文发表于 2026 年 3 月 13 日