Pug（原名 Jade）是 Node.js 生态中最流行的模板引擎之一，使用缩进语法替代 HTML 的尖括号标签，让模板代码更加简洁、可读性更强。它广泛应用于 Express.js、Koa 等框架中。

核心优势：代码量减少 30%~50%，层级结构一目了然，支持混入(mixin)、继承(extends)、包含(include)等高级特性。

• 标签名直接书写，无需 <>
• 类名用 .classname，ID 用 #idname
• 属性用括号包裹：(href="/page", target="_blank")
• 嵌套通过缩进（通常2空格）表示
• 文本可直接跟在标签后，或用 | 管道符
• 自闭合标签（如 br, img）直接写标签名即可

Pug 严格依赖缩进来确定层级关系。请确保：

• 使用统一的缩进字符（空格或Tab，不要混用）
• 推荐使用 2个空格 作为缩进单位（Pug社区标准）
• 同级元素缩进必须完全一致
• 不要使用多余的空行破坏缩进逻辑

<div class="box" id="main">
  <p>Hello</p>
  <a href="/link">Click</a>
  <br>
</div>

↓ 转换为 ↓

.box#main
  p Hello
  a(href="/link") Click
  br

多行文本在Pug中有两种写法：

// 方式1：管道符 | 
p
  | 第一行文本
  | 第二行文本

// 方式2：点号块（常用于script/style）
script.
  console.log('hello');
  alert('world');

本工具会自动为 <script> 和 <style> 标签内的内容使用点号块语法。

支持！点击顶部的 "Pug → HTML" 标签即可切换方向。工具会解析Pug的缩进结构、简写语法（类名、ID、属性括号），并生成标准HTML代码。支持嵌套、混合内容、管道文本等常见Pug语法。