组件文档索引

组件分类

CSS 样式与类名组件

介绍通过 CSS 类名控制样式的各种组件，包括标题、引用、列表、文字样式等。

Markdown 语法组件

介绍可以通过 Markdown 原生语法、HTML 语法和 MDC 语法使用的组件，如链接、代码块、表格、数学公式等。

自定义组件

介绍可以通过 Vue 模板语法、MDC 语法使用的各种自定义组件，如 Alert、Badge、BlogHeader、Blur 等。

卡片和信息组件

介绍各种用于展示信息的卡片组件，包括装备卡片、人物卡片、番剧卡片等。

交互式组件

介绍各种具有交互功能的组件，包括选项卡、折叠、时间线等。

媒体和链接组件

介绍各种用于展示媒体内容和链接的组件，包括图片、视频、音乐播放器等。

文本和内容展示组件

介绍各种用于展示文本和内容的组件，包括引用、诗歌、区块引用等。

使用方法

MDC 语法基础

Nuxt Content 使用 Markdown 语法和约定来提供丰富的文本编辑体验。它使用自定的 MDC 语法，可以让你在 Markdown 中使用 Vue 组件，并支持多种 remark 扩展。

组件调用方式

1. 内联组件：

   :component-name[内容]{属性名="属性值"}
   

2. 块级组件：

   ::component-name
   ---
   属性名: 属性值
   ---
   内容
   ::
   

3. 带插槽的组件：

   ::component-name
   #slot-name
   插槽内容
   #default
   默认内容
   ::