MDX 语法与时间线

这篇文章本身就是 .mdx：它和普通文章共用 frontmatter、列表页与 RSS，只是正文多了一点组件能力。

时间线

1. 2026-09-20

   先统一 Markdown 管线

   标题的 ✦、图片的 figure、宽表格的横向滚动，仍然由同一组 rehype 插件生成。

2. 2026-10-24

   再接入 MDX

   正文可以 import Astro 组件，也可以写表达式；下面这个数字来自 MDX：2。

3. 2026-10-28

   保持纸页语言

   时间线只复用日期刻度、1px 细线与 ✦ 节点，没有新增颜色、圆角或阴影。

表达式与图片

MDX 表达式会在构建期求值，例如今天是 2026 年。

组件、表达式和普通 Markdown 可以混排；渲染结果仍然落在 .a-prose 的纸页排版里。

使用方式

在 src/content/post/ 或 src/content/daily/ 下新建 .mdx 文件即可；独立页面放在 src/pages/ 并声明 layout: ../layouts/PageLayout.astro。

import { Timeline, TimelineItem } from '@ui';

<Timeline>
  <TimelineItem date="2026-10-24" title="标题">
    正文支持 **Markdown**。
  </TimelineItem>
</Timeline>