导航

跳转到正文

标签:MDC

筛选结果4

在正文中使用折叠内容

文章示例

本文说明正文中折叠内容的使用方法:折叠块适合放置补充说明、较长代码或可选阅读内容,标题始终可见,点击整行展开,各折叠块独立记录状态。支持默认收起,也可通过 open 属性设置初始展开。折叠内部可包含 Markdown、列表、代码、表格、图片等,目录或锚点访问内部标题会先展开所属折叠块。还支持嵌套折叠,外层使用三个冒号、内层使用两个冒号,内外层独立控制;访问嵌套目标可一次展开沿途两层。

在文章中嵌入视频

文章示例

本文介绍在文章与关于页中嵌入Bilibili和YouTube视频的MDC组件用法,无需API密钥或手写iframe。播放器按16:9自适应宽度,接近可视区域时加载,默认不自动播放。Bilibili可通过BV号或视频链接指定分P与开始时间,YouTube可通过11位视频ID或链接指定开始时间,标题由title参数设置。组件会过滤分享追踪参数与自动播放设置,无效参数仅显示提示,不影响正文。

Markdown 扩展功能

文章示例

本文介绍Markdown扩展功能。已实现多风格提醒框,支持GitHub、Obsidian、VitePress、Docusaurus四种主题及折叠嵌套,可通过参数或全站配置设置;同时提供GitHub仓库卡片、Bilibili/YouTube视频卡片与正文图片预览。图片画廊与作品集仍在计划中,当前采用标准图片语法配合图注和链接。GitHub仓库卡片在构建时获取公开仓库数据快照,不可用字段显示短横线。后续将实现图片画廊与作品集。

MDC 教程

文章示例

本文介绍 MDC(Markdown Components)在 Nuxt Content 中的语法与用法,涵盖块级容器、行内属性、Props 传递、插槽、嵌套、绑定文章数据,以及代码块与代码组、图片预览、GitHub 仓库卡片、视频卡片、提醒框和文章自动提醒等已接入功能。文末说明自定义组件需实现并注册,并解答组件不显示、插槽误识别等常见问题。