· 273 字 · 约 1 分钟

Hello World:我的第一篇 MDX 文章

这是一篇带有时间、标签和交互组件的 MDX 示例文章。

👋 Hello World!

欢迎来到这篇带有完整信息的 MDX 文章。在这篇文章的顶部,我们使用了 YAML Frontmatter 语法来定义页面的元数据。

🏷️ 文章信息解析

当你将这段代码放入现代前端框架(比如 Next.js 或 Astro)中时,框架会自动解析顶部的 --- 之间的内容:

  • 发布时间:系统可以提取 2026-05-10 来进行文章排序。
  • 标签系统:你可以通过 tags 数组(如“入门”、“前端”)来对文章进行分类和检索。

小贴士:在实际项目中,你可以将顶部的 titledate 作为变量直接注入到你的页面布局模板(Layout)中,这样就不需要每次都在 Markdown 正文里手动写标题和时间了。

© 2026 致靖