欢迎来到这个精彩的博客！🎉 本文用于测试博客支持的**各类内容格式**，包括 **加粗**、高亮文字与 `行内代码`，还有可爱的emoji！✨🚀🌟 ## 文字与链接正文段落，附带 [MDN 外链](https://developer.mozilla.org/zh-CN/) 与 [站内首页链接](/zh)。 > 引用块应显示左侧竖线与次要文字颜色。 - 无序列表第一项 - 无序列表第二项 1. 有序步骤一 2. 有序步骤二 --- ## 图片 Markdown 图片： ![山景](https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=960&q=80) 自定义图片组件： ## 代码行内 `const n = 42` 与语法高亮代码块： ```typescript 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(), ); } ``` ## 表格 | 格式 | 示例 | 支持 | | ---- | -------- | ---- | | 文字 | **加粗** | 是 | | 图片 | `.jpg` | 是 | | 代码 | Shiki | 是 | | 数学 | `$E=mc^2$` | 是 | | 音频 | `.mp3` | 是 | | 视频 | `.mp4` | 是 | | 文档 | `.pdf` | 是 | ## 数学公式行内：$a^2 + b^2 = c^2$。块级： $$ \sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$ ## 流程图 {` flowchart LR A[编写 MDX] --> B[构建站点] B --> C{发布} C --> D[读者] `} ## 音频与视频 ## 文档下载 ## 3D 模型你可以与 3D 模型交互： - **拖拽** 旋转视角 - **滚轮** 缩放视图 ## 思维导图 --- 若以上内容均能正常显示，说明 MDX 渲染管线已配置完成。

自由泳学习经历

10pm-6am实践经验

我是如何确认自我优势的？

我在想什么？

你好，世界 👋