代码高亮

Shiki 多语言语法高亮，支持行号、代码块工具栏（语言标签 + 复制）、暗色双主题。

在线演示

相关 Props

Prop	类型	默认值	说明
enableShiki	boolean	true	关闭则纯文本代码块
shikiTheme	[BuiltinTheme, BuiltinTheme]	['vitesse-light', 'vitesse-dark']	[浅色, 深色]
showCodeBlockHeader	boolean	true	代码块工具栏
enableCodeLineNumber	boolean	true	行号
codeLineNumberStart	number	1	行号起始值
codeMaxHeight	string	undefined	最大高度（超出折叠）

暗色模式

isDark 驱动 Shiki 主题选择 + .is-dark CSS 类：

<MarkdownRenderer :markdown="md" :is-dark="isDark" />

shikiTheme 接收 [浅色, 深色] 两个内置主题，浅深随 isDark 切换。

行号与折叠

<MarkdownRenderer
  :markdown="md"
  :enable-code-line-number="true"
  code-max-height="200px"   <!-- 超 200px 自动折叠，点击展开 -->
/>

依赖

需要安装 shiki + shiki-stream（可选 peer），未安装时降级为纯文本代码块。