# @comark/svelte 中文文档

规范地址：https://npmcn.com/package/%40comark/svelte/

版本：0\.9\.0
npm 元数据更新时间：2026-11-06T14:15:53.150Z
中文译文更新时间：2026-11-10T11:38:15.547Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40comark/svelte
原文对照：https://npmcn.com/package/%40comark/svelte/?lang=original
项目主页：https://comark.dev/rendering/svelte
源码仓库：https://github.com/comarkdown/comark

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：51.4 kB，91 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：katex ^0\.19\.1，shiki ^4\.5\.0，svelte ^5\.57\.1，beautiful-mermaid ^1\.1\.3
- 首次发布：2026-03-23T16:36:48.489Z
- 最新版本发布：2026-11-06T14:15:52.822Z
- 近 30 天下载量：9408（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：16（近 12 个月 16 个）

## 中文简介

科马克的斯维尔特5出道器. 在运行时带有组件的Render Markdown,对AI输出有流式支持.

## 安装

```sh
npm install @comark/svelte
```

也可以使用：`pnpm add @comark/svelte`、`yarn add @comark/svelte`、`bun add @comark/svelte`

## README

![Comark banner](https://github.com/comarkdown/comark/blob/main/assets/banner.jpg)

# @ comark/ svelte (英语)

[![npm version](https://img.shields.io/npm/v/@comark/svelte?color=black)](https://npmx.dev/@comark/svelte) [![npm downloads](https://img.shields.io/npm/dm/@comark/svelte?color=black)](https://npm.chart.dev/@comark/svelte) [![CI](https://img.shields.io/github/actions/workflow/status/comarkdown/comark/ci.yml?branch=main&color=black)](https://github.com/comarkdown/comark/actions/workflows/ci.yml) [![Documentation](https://img.shields.io/badge/Documentation-black?logo=readme&logoColor=white)](https://comark.dev/rendering/svelte) [![license](https://img.shields.io/github/license/comarkdown/comark?color=black)](https://github.com/comarkdown/comark/blob/main/LICENSE)

用于 [标记](https://comark.dev/). 有自定义 Svelte 组件、流式支持和 SvelteKit SSR 的 Render markdown .

## 特征

-   🧩 `<Markdown>` 一发平射渲染组件
-   将任何 Comark 标记映射到自定义的 Svelte 组件
-   \* 方便流动,可自动关闭和护理
-   SSR安全,在斯维尔特基特工作
-   QQ 插件生态系统( 美人鱼、 突出、 绑定... )
-   QQ 全类型脚本支持

## 安装

```bash
npm install @comark/svelte
# or
pnpm add @comark/svelte
```

## 使用量

```svelte
<script lang="ts">
  import { Markdown } from '@comark/svelte'
  import math, { Math } from '@comark/svelte/plugins/math'

  const content = `# Hello\n\nThis is **Comark** in Svelte.`
</script>

<Markdown value={content} components={{ math: Math }} plugins={[math()]} />
```

### 自定义组件

```svelte
<script lang="ts">
  import { Markdown } from '@comark/svelte'
  import Alert from './Alert.svelte'
</script>

<Markdown value={content} components={{ alert: Alert }} />
```

```mdc
::alert{type="warning"}
Heads up!
::
```

### 流线

`Markdown` 财务报告和审定财务报表 `MarkdownAsync` 重复使用完成的块 `streaming` 这是真的。 当流结束运行最后的全剖析时, 设置为虚假 。 变动至 `options`, (中文(简体) ), `plugins`,或 `unwrap` 创建新解析器。 标题尾和参考定义使用全剖面来保存标题ID和链接.

```svelte
<Markdown value={content} streaming={isStreaming} caret />
```

## 文档

完整指南和 API 参考 [comark.dev/投降/ svelte (英语)](https://comark.dev/rendering/svelte)。 。 。 .

## 许可证

由 所制

原载 [MIT 许可证](https://github.com/comarkdown/comark/blob/main/LICENSE)。 。 。 .

## 常见问题

### @comark/svelte 是什么？

科马克的斯维尔特5出道器\. 在运行时带有组件的Render Markdown,对AI输出有流式支持\.

### 如何安装 @comark/svelte？

在项目目录运行 npm install @comark/svelte，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：svelte（^5\.57\.1）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @comark/svelte 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @comark/svelte 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @comark/svelte 可以商用吗？

@comark/svelte 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @comark/svelte 的下载量有多少？

根据 npm 官方下载统计，@comark/svelte 在 2026/10/11 – 2026/11/09 这 30 天内被下载 9,408 次，日均约 314 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @comark/svelte 还在维护吗？

最新版本 0\.9\.0 发布于 2026/11/06（3 天前）；至今共发布 16 个版本，其中过去 12 个月发布了 16 个；首次发布于 2026/03/24。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。