Back to notes

MDX 组件演示

Callout 演示

next-mdx-remote 会把这些 JSX 标签渲染成 React 组件。

在没有 mdx: true 的文档中,这些标签会被当作纯文本。

自定义组件让笔记的表现力更丰富。

配置完成,可以开始使用了!

Highlight 演示

学习笔记中可以用 默认黄色 标记重点, 用 蓝色 标记术语, 用 绿色 标记已掌握的内容, 用 紫色 标记需要复习的部分。

ShadowBox 演示

Now available as a package — see the docs for details.

A key insight worth remembering.

This approach passed all tests.

Be careful with this configuration.