MDX 组件示例

这页只用来在浏览器里核对 MDX 组件，不是产品笔记。

图片

本地小图放在 public/images/，由 next/image 按栏宽出响应式图。视频和大文件不要进仓库，只用 YouTube / AudioPlayer 或 URL。

代码

export type ContentStatus = "draft" | "review" | "published";

YouTube

在 YouTube 上观看

音频

0:000:00

作品演示

案例详情里可以用 <WorkDemo> 嵌入自定义 React，例如交互原型或作品里的小工具。下面是验收用的注册壳，真实案例会换成对应演示。

Motion tier: lite

Cycle tier

失败样例

这些块故意失败，页面仍应可读。

这个 YouTube 嵌入缺少有效的 id 或 url。

这个音频播放器缺少 src。

0:000:00

未注册的作品演示：does-not-exist