欢迎阅读 MDX 写作指南。本文将展示如何在博客中结合 Markdown 与 JSX 组件，以及 @tailwindcss/typography 带来的精美排版效果。

一级标题：排版与特性概览

二级标题：代码块与语法高亮

Astro 内置了 Shiki 语法高亮，支持双主题切换。以下是一个 JavaScript 示例代码：

// 简单的欢迎函数
function greet(name = '访客') {
  console.log(`你好，${name}！欢迎来到小蜗牛的博客。`);
}

greet('小蜗牛');

二级标题：图片与富媒体展示

在文章中插入图片非常简单，不仅支持标准的 Markdown 图片语法，还支持直接导入 Astro 优化图片：

二级标题：列表与表格测试

• 无序列表项一：支持粗体与斜体。
• 无序列表项二：支持内联代码 code。

功能	状态	说明
Markdown	支持	标准语法
MDX 组件	支持	动态交互
代码高亮	支持	双主题

希望这篇指南能为你日后的写作提供参考！