MDX 渲染样式示例
一级标题示例
这是一个普通段落,包含行内代码 const answer = 42;,以及一个 MDX JSX 徽标:MDX + JSX。
二级标题示例
下面是列表样式:
- 无序列表第一项
- 无序列表第二项
- 无序列表第三项
- 有序列表第一项
- 有序列表第二项
- 有序列表第三项
引用与强调
这是引用块示例,可用于提示、注意事项或总结段落。
你也可以组合 加粗文本、斜体文本 和 链接。
代码块示例
export const BLOG_PAGE = {
title: 'Posts',
collectionsTitle: 'Collections',
tagsTitle: 'Tags',
};
<section class="demo">
<h2>Hello Astro</h2>
<p>Astro + Markdown + MDX</p>
</section>
表格示例
| 字段 | 类型 | 说明 |
|---|---|---|
| title | string | 文章标题 |
| description | string | 文章摘要 |
| pubDate | date | 发布时间 |
HTML 块示例
这是原生 HTML 块,可用于自定义展示区域。
以上内容可用于快速检查主题对 Markdown 与 MDX 的主要排版支持情况。
Comments