组件特性

MDC 组件交互演示

用一个文档页面实际体验摘要、折叠、引用、指标、时间线、检查清单及图片预览。

这是实际渲染的演示页,所有块均写在这个 Markdown 文件中。属性与复制代码见 内容块说明,写法见 MDC 语法。下列进度和数值是演示数据。

文章摘要

折叠说明

查看验证命令

下面的命令是可复制的文本,展开后无需加载外部服务。

pnpm content:check
pnpm test:unit

返回组件索引

默认展开的说明

open 是布尔属性,可以用 YAML 或 :open="true" 设置。

参考资料

进入 MDC 写法说明

适合第一次在 Markdown 中使用 Vue 组件的作者。

正文中还可以放 组件 API,它是独立链接。

打开新窗口查看上游文档。

署名引用

让文章解释一个问题,让组件帮助读者完成一步操作。

示例作者MDC 写作笔记

指标展示

示例节点
12
检查项
8
结果
通过
仅用于布局展示

过程时间线

  1. 记录现象

    描述触发条件与影响范围。

  2. 验证修复

    运行回归检查,确认问题不会再次出现。

可操作清单

阅读练习

已完成 1 / 3 项

只读演示

已完成 1 / 2 项

图库与预览

Markdown → Content AST → Vue 组件
编写 → 验证 → 发布
1 / 2
MDC 渲染流程图

Markdown → Content AST → Vue 组件

原有组件兼容

旧文章提醒

原有 ::alert 语法现在有明确的 Vue 实现,Markdown 正文和类型颜色均可显示。

原有卡片
已有组件继续可用。

这是 ECard 的默认插槽。

使用 ::组件名 写内容。