入门MDX博客
Hello World — 我的第一篇博客
这是一篇使用 MDX 编写的示例博客文章,展示了丰富的排版和自定义组件嵌入能力。
Hello World — 我的第一篇博客
欢迎来到我的个人博客!这是使用 MDX 格式编写的第一篇文章。
MDX 的强大之处
MDX 让你可以在 Markdown 中直接使用 React 组件。下面是一些演示。
代码示例
这是一段 TypeScript 代码:
interface BlogPost {
title: string;
date: string;
tags: string[];
}
const post: BlogPost = {
title: "Hello World",
date: "2026-03-01",
tags: ["入门", "MDX"],
};
排版展示
MDX 支持所有标准 Markdown 语法:
- 粗体、斜体、
删除线 - 超链接
- 有序和无序列表
- 引用块
写博客是整理思维的最佳方式之一。当你试图向别人解释一个概念时,你会发现自己对它的理解更加深刻了。
表格
| 技术 | 用途 | 难度 |
|---|---|---|
| Next.js | 全栈框架 | 中等 |
| Three.js | 3D渲染 | 较高 |
| Tailwind | CSS工具 | 简单 |
这就是一篇基础的 MDX 博客文章。每一篇文章都可以有完全不同的布局、样式和交互组件!