技术栈
用 MDC 组织技术文章
把摘要、调查时间线、检查清单和图片画廊组合成一篇易于阅读的技术文章。
2026年10月4日·1 分钟阅读技术栈Nuxt ContentMDC写作示例
技术文章常需要同时呈现结论、证据和操作步骤。这篇文章使用本站的 Vue 内容组件组织这些信息，所有数据均为排版示例。
一个排查过程
观察页面
记录页面入口、路径和读者看到的错误。
检查内容
核对文件 frontmatter、组件名称和链接。
验证修复
先检查编译与渲染，再测试键盘和手机阅读。
让证据和结论靠在一起，读者更容易判断解释是否成立。
给读者的操作清单
查看这篇文章使用的组件
ArticleSummary、DocTimeline、TimelineItem、QuoteBlock、TaskChecklist、ExpandBox、ImageGallery 与 LinkCard。
清单不会上传数据，刷新后恢复 Markdown 中的初始状态。
一张图解释内容流
复制 MDC 内容块示例
查看每种组件的属性、边界与代码。
也可直接体验 文档里的交互演示。