MDX 渲染样式示例
展示 LogFlow Theme 在标题、段落、列表、代码块、表格与 JSX 内容下的渲染效果。
正文中文使用霞鹜文楷 Screen,英文、数字与常用符号也由同一字体协调呈现;代码块保持独立的等宽字体栈。
一级标题示例
这是一个普通段落,包含行内代码 const answer = 42;,以及一个 MDX JSX 徽标:MDX + JSX。
二级标题示例
下面是列表样式:
- 无序列表第一项
- 无序列表第二项
- 无序列表第三项
- 有序列表第一项
- 有序列表第二项
- 有序列表第三项
引用与强调
这是引用块示例,可用于提示、注意事项或总结段落。
你也可以组合 加粗文本、斜体文本 和 链接。
代码块示例
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 的主要排版支持情况。