图文混排 · 布局样板

📐 图文混排布局

左图右文 / 右图左文，适合文章列表、产品介绍、博客摘要等场景。

🖼️

如何选择合适的布局方式

不同场景下，布局的选择直接影响用户阅读体验。本文分析上下、左右、三栏等布局的适用场景。

📅 2026-08-13 ｜ ⏱️ 5分钟阅读

📊

Mermaid 流程图完整指南

从基础语法到 SVG 导出，涵盖 flowchart、subgraph、classDef 等所有核心功能。

📅 2026-08-12 ｜ ⏱️ 8分钟阅读

🗺️

Sitemap 生成工作流

tree → sitemap.html → sitemap.xml 完整流程，适用于静态站点 SEO 优化。

📅 2026-08-11 ｜ ⏱️ 3分钟阅读

<div class="media-block">
    <div class="media-image">🖼️</div>
    <div class="media-body">
        <h4>标题</h4>
        <p>描述文字...</p>
        <span class="meta">元信息</span>
    </div>
</div>
<!-- 反向：加 .reverse 类 -->
<div class="media-block reverse">
    <!-- 图片在右 -->
</div>
    