Hello MDX:一篇示例文章


下面这篇文章是 MDX,意味着你可以在 Markdown 里直接写组件/JSX(在 Astro 里就是 mdx 组件语法)。

1. Tailwind 快速验收

如果你能看到这个卡片样式(圆角/边框/阴影),说明 Tailwind 生效。

你好,dumbdonkey.top

2. 代码块/高亮验收

export function greet(name: string) {
  return `Hello, ${name}!`;
}

3. 一个小组件(MDX 里直接写)

提示

后续我会把 Giscus 评论组件插到文章页底部(依赖仓库开启 Discussions)。

4. 你接下来写文章的方式

  • Markdown:放在 src/content/blog/*.md
  • MDX:放在 src/content/blog/*.mdx

只要 frontmatter(title/description/pubDate 等)符合 content schema,就会自动出现在列表里。