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,就会自动出现在列表里。