· 273 字 · 约 1 分钟
Hello World:我的第一篇 MDX 文章
这是一篇带有时间、标签和交互组件的 MDX 示例文章。
👋 Hello World!
欢迎来到这篇带有完整信息的 MDX 文章。在这篇文章的顶部,我们使用了 YAML Frontmatter 语法来定义页面的元数据。
🏷️ 文章信息解析
当你将这段代码放入现代前端框架(比如 Next.js 或 Astro)中时,框架会自动解析顶部的 --- 之间的内容:
- 发布时间:系统可以提取
2026-05-10来进行文章排序。 - 标签系统:你可以通过
tags数组(如“入门”、“前端”)来对文章进行分类和检索。
小贴士:在实际项目中,你可以将顶部的
title和date作为变量直接注入到你的页面布局模板(Layout)中,这样就不需要每次都在 Markdown 正文里手动写标题和时间了。