你好，世界 👋

欢迎来到这个精彩的博客！🎉 本文用于测试博客支持的各类内容格式，包括 加粗、高亮文字 与 行内代码，还有可爱的emoji！✨🚀🌟

文字与链接

正文段落，附带 MDN 外链 与 站内首页链接。

引用块应显示左侧竖线与次要文字颜色。

• 无序列表第一项
• 无序列表第二项

1. 有序步骤一
2. 有序步骤二

图片

Markdown 图片：

山景

自定义图片组件：

ImageViewer 组件，支持说明文字

代码

行内 const n = 42 与语法高亮代码块：

type Post = {
  slug: string;
  title: string;
  date: string;
};
 
export function sortByDate(posts: Post[]): Post[] {
  return [...posts].sort(
    (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
  );
}

表格

数学公式

行内：$a^2 + b^2 = c^2$。

块级：

流程图

音频与视频

文档下载

3D 模型

你可以与 3D 模型交互：

• 拖拽 旋转视角
• 滚轮 缩放视图

思维导图

若以上内容均能正常显示，说明 MDX 渲染管线已配置完成。