中文排版与短代码测试

1. 基础排版与层级测试

我们身处的时代，信息如潮水般涌来。极端的克制，是为了给思想留白。这是正文的第一段落，用来测试基于 1.8 的舒适行高以及段落之间的自动间距安排。

1.1 中英文混排效果

优秀的中文排版需要处理好中外文之间的微妙间距。比如当我们在讨论 Tailwind CSS 或者 inline code 时，原生系统会给予怎样的表现。

“在喧嚣中寻找宁静，在繁杂中提炼纯粹。” —— 这是一段 Blockquote 引用测试。

2. 列表与代码表现

无序列表的阅读节奏同样关键：

• 第一点：基于 Typography 插件的圆点样式优化。
• 第二点：嵌套的层级是否分明。
  • 这是一个次级列表项体验。
• 第三点：色彩是否符合 Zinc 色阶的克制感。

下面是一段用于测试高亮 (Chroma) 的代码：

// 简单的防抖函数实现 (Debounce)
function debounce(func, wait) {
  let timeout;
  return function executedFunction(...args) {
    const later = () => {
      clearTimeout(timeout);
      func(...args);
    };
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
  };
}

3. 数理推导 (KaTeX 支持)

在极简的环境中探讨严密的逻辑。根据欧拉公式，我们知道：

$$ e^{i\pi} + 1 = 0 $$

它是数学里最令人着迷的公式之一。我们也可以把公式写在行内，比如 $ E = mc^2 $，这依然能保持完美的对齐。

4. 自定义交互组件 (Shortcodes)

这是我们自己开发的高级排版短代码，专门针对长篇文章的信息分层。

4.1 提示框体系