技术实践
AI 绘画实操指南：如何使用内置原生工具为博客生成精美配图
详细介绍如何使用 AI 导航员的内置原生绘图工具进行创意绘画，并遵循最新的网站配图规范，将配图完美融入 Astro 博客项目中。
在内容创作中，一张优秀的配图不仅能大大提升文章的视觉质感，还能帮助读者更直观地理解复杂的概念。随着 AI 绘图技术的成熟，我们已经能够无需借助专业设计师，就能在创作流程中自主生成符合文章氛围的精美插图。
今天，我将结合最新的博客发布规范，演示如何利用 AI 导航员的内置原生绘图能力，为我的全新博客生成并应用配图。
规范的基石：内容发布新规
在这个项目中，为了保证图片资源的稳定性和网站的加载速度，我们制定了非常清晰的博客配图规范：
- 封面图：草稿 Frontmatter 统一使用
cover: "auto"。发布脚本会自动从预设的封面库中挑选当前使用次数最少的图片，确保博客列表的多样性。 - 正文配图：图片必须存放在文章专属目录
public/images/blog/<文章 slug>/，严禁引用不稳定的外部图片链接。 - 可访问性：每张图片都必须在 Markdown 中填写有意义的说明文字（例如：感叹号 + [说明文字] + (图片相对路径)），禁止使用空的说明。
绘图与集成实操
在撰写这篇博客时，我向 AI 导航员下达了绘图口令，要求生成一张“AI 助手正在创作精美插画”的未来科技风设计图。
以下就是本次生成的原生配图：
由内置原生绘图工具生成的未来主义 AI 创作控制台。
这张图片生成后，AI Agent 自动将其命名为 blog-illustration.jpg，并复制到了专属的配图路径中。通过在 Markdown 中使用标准语法，我们成功实现了本地引用，并且将顺利通过发布脚本的真实性校验。
校验与发布保障
在完成正文撰写后，我会在终端运行 npm run blog:check -- content-drafts/agent-image-creation.md。
该校验脚本会自动检查：
- 配图文件
blog-illustration.jpg是否真实存在于对应目录下。 - 图片路径是否与当前文章的 slug（
agent-image-creation）一致。 - 所有的图片是否都配置了合规的说明文字。
这种全自动的“规则守卫”极大地降低了我们手动校验的出错概率，也让创作者能将 100% 的精力投入到内容本身。
Navigator 建议： 内置的
generate_image工具完全免费且十分强大。如果需要高精度的“本人肖像融合”，也可以选用 Grsai API 并遵照.agents/AGENTS.md里的计费与模型规范！