Streamdown 2.4 发布：增强可定制性、无障碍与自定义渲染能力

1 分钟阅读

2026 年 3 月 5 日

Streamdown v2.4 为进行 Markdown 渲染的开发者带来了自定义扩展点、无障碍特性和用户体验改进。

团队现在可以通过多项新属性自定义 Markdown 输出样式。你可以向 icons prop 传入指定的组件映射，覆盖内置图标。

import { Streamdown, type IconMap } from "streamdown"<Streamdown  icons={{ CheckIcon: MyCheckIcon }}>  {content}</Streamdown>

createCodePlugin 现在支持 themes 选项，可分别配置浅色和深色 Shiki 主题；支持 startLine 元信息选项，用于自定义起始行号；还支持 inlineCode 虚拟组件，以便将行内代码样式与代码块独立配置。

import { createCodePlugin } from "streamdown"const codePlugin = createCodePlugin({  themes: {    light: "github-light",    dark: "github-dark",  },})

Streamdown 现已支持国际化与文本方向控制。dir prop 会根据首个强 Unicode 字符自动应用从左到右或从右到左排版；translations prop 则支持自定义语言文案。

<Streamdown  dir="auto"  translations={{ copy: "نسخ", copied: "تم النسخ" }}>  {content}</Streamdown>

表格新增由 controls prop 控制的全屏浮层，包含滚动锁定与 Escape 键退出支持。开发者还可以通过 onAnimationStart 和 onAnimationEnd 回调接入流式渲染事件。

此次发布还修复了语法高亮代码块中空行被折叠的问题，并避免了流式渲染过程中有序列表重复触发动画。

对于使用 Tailwind v4 的项目，新增加的 prefix prop 可为工具类添加命名空间，避免样式冲突。

<Streamdown prefix="sd-">{content}</Streamdown>

开始使用请访问：了解更多。