Skill: 排版发布

将带图片的 Markdown 文章转换为精美的 HTML 页面。

触发条件

当 $OUT/article.md 已生成且图片引用已回填时触发（$OUT 为主编排创建的当前输出目录）。

执行步骤

1. 读取文章：读取 $OUT/article.md 的完整内容

2. 解析 Markdown：将 Markdown 转换为 HTML 结构

   • 标题 → <h1>, <h2> 等
   • 段落 → <p>
   • 代码块 → <pre><code> 并添加语法高亮类名
   • 图片 → <figure><img><figcaption>

3. 套用模板：参考 templates/article.html 的布局

   • 最大宽度 800px，居中显示
   • 内联所有 CSS（确保离线可打开）
   • 响应式适配（移动端友好）

4. 输出文件：写入 $OUT/final.html

输出

生成 $OUT/final.html，可直接用浏览器打开查看。

排版规范

• 正文字体：16px，行高 1.8
• 标题层级清晰，有足够间距
• 代码块：深色背景 + 等宽字体 + 圆角
• 图片：居中显示，最大宽度 100%，带圆角和阴影
• 移动端：padding 适配，图片自适应

注意事项

• 所有样式必须内联或写在 <style> 标签中，不依赖外部 CSS 文件
• 图片路径使用相对路径（images/img_01.png）
• 确保 HTML 文件可以独立打开，不需要启动服务器