探索数字写作的边界：H1 顶级标题

欢迎来到这场关于 Markdown 语法的全景巡礼。这不仅是一次样式测试，更是一次关于排版美学的深度实验。

二级标题：逻辑的分水岭

在撰写博客时，二级标题通常承担着划分核心章节的任务。

三级标题：细节的延伸

如果你需要更细致的拆解，三级标题是最佳选择。

四级标题：微观视角

五级标题：极简层级

六级标题：末端神经

文本样式与排版情绪

文字的力度往往藏在修饰符中。你可以通过 加粗 来强调核心观点，或者使用 斜体 表达微弱的语气起伏。如果某个观点已经过时，请果断使用 ~~删除线~~ 将其埋葬。

块级引用测试： 伟大的代码始于清晰的文档。如果你在引用他人的智慧，请务必使用 > 符号，这会让你的文章显得既专业又具包容性。

列表与任务编排

无论是逻辑归纳还是行动指南，列表都是不可或缺的工具。

待办事项 (Task List)

• [x] 完成 Markdown 基础语法测试
• [x] 验证 MDX 组件兼容性
• [ ] 发布第一篇正式博文

无序与有序列表

1. 第一步：理解结构。
2. 第二步：填充内容。
   • 子项目 A
   • 子项目 B
3. 第三步：优化排版。

交互与多媒体

在 MDX 中，链接是连接世界的触角。你可以直接访问 Google 或者在行内标识出 console.log("Hello MDX") 这样的技术细节。

数据结构表 (Table)

| 功能模块 | 状态 | 优先级 | | :--- | :---: | :--- | | 文案撰写 | 已完成 | 高 | | 图片优化 | 进行中 | 中 | | 交互逻辑 | 待定 | 低 |

开发者专区：代码高亮

代码是程序员的诗。以下是一个简单的 React 组件示例，用于测试多行代码块的着色效果：

import React from 'react';

const Welcome = ({ name }) => {
  return (
    <div className="p-4 bg-gray-100 rounded">
      <h1>你好, {name}!</h1>
      <p>欢迎来到 MDX 的世界。</p>
    </div>
  );
};

export default Welcome;