MDX 渲染样式示例


一级标题示例

这是一个普通段落,包含行内代码 const answer = 42;,以及一个 MDX JSX 徽标:MDX + JSX

二级标题示例

下面是列表样式:

  • 无序列表第一项
  • 无序列表第二项
  • 无序列表第三项
  1. 有序列表第一项
  2. 有序列表第二项
  3. 有序列表第三项

引用与强调

这是引用块示例,可用于提示、注意事项或总结段落。

你也可以组合 加粗文本斜体文本链接

代码块示例

export const BLOG_PAGE = {
	title: 'Posts',
	collectionsTitle: 'Collections',
	tagsTitle: 'Tags',
};
<section class="demo">
	<h2>Hello Astro</h2>
	<p>Astro + Markdown + MDX</p>
</section>

表格示例

字段类型说明
titlestring文章标题
descriptionstring文章摘要
pubDatedate发布时间

HTML 块示例

这是原生 HTML 块,可用于自定义展示区域。


以上内容可用于快速检查主题对 Markdown 与 MDX 的主要排版支持情况。

Comments