MDX 渲染样式示例

展示 LogFlow Theme 在标题、段落、列表、代码块、表格与 JSX 内容下的渲染效果。

发布于 约 1 分钟

正文中文使用霞鹜文楷 Screen,英文、数字与常用符号也由同一字体协调呈现;代码块保持独立的等宽字体栈。

一级标题示例

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

二级标题示例

下面是列表样式:

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

引用与强调

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

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

代码块示例

export const PAGE_COPY = {
	blog: {
		title: '文章',
		description: '按时间浏览全部文章。',
	},
};
<section class="demo">
	<h2>Hello Astro</h2>
	<p>Astro + Markdown + MDX</p>
</section>

表格示例

字段 类型 说明
title string 文章标题
description string 文章摘要
pubDate date 发布时间

HTML 块示例

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


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