⚡
增量解析
只解析新增内容，已完成的块不再重复处理，大幅降低 CPU 开销。
Incremark增量式 Markdown 解析器
专为 AI 流式输出设计，极致性能体验。
Skip to content
为什么选择 Incremark？
传统 Markdown 解析器每次收到新内容都会重新解析整个文档，导致 O(n²) 的复杂度。Incremark 的增量解析实现了 O(n) —— 文档越大，优势越明显：
| 文件 | 行数 | Incremark | Streamdown | markstream | ant-design-x |
|---|---|---|---|---|---|
| concepts.md | 91 | 12.0 ms | 50.5 ms (4.2x) | 381.9 ms (31.9x) | 53.6 ms (4.5x) |
| comparison.md | 109 | 20.5 ms | 74.0 ms (3.6x) | 552.2 ms (26.9x) | 85.2 ms (4.1x) |
| complex-html.md | 147 | 9.0 ms | 58.8 ms (6.6x) | 279.3 ms (31.1x) | 57.2 ms (6.4x) |
| OPTIMIZATION_SUMMARY.md | 391 | 19.1 ms | 208.4 ms (10.9x) | 980.6 ms (51.3x) | 217.8 ms (11.4x) |
| test-md-01.md | 916 | 87.7 ms | 1441.1 ms (16.4x) | 5754.7 ms (65.6x) | 1656.9 ms (18.9x) |
| 总计 (38个文件) | 6484 | 519.4 ms | 3190.3 ms (6.1x) | 14683.9 ms (28.3x) | 3728.6 ms (7.2x) |
📊 基准测试: 38 个真实 Markdown 文件，共 128.55 KB。查看完整结果 →
快速体验
bash
pnpm add @incremark/vue @incremark/themebash
pnpm add @incremark/react @incremark/themebash
pnpm add @incremark/svelte @incremark/themebash
pnpm add @incremark/solid @incremark/themevue
<script setup>
import { ref } from 'vue'
import { IncremarkContent } from '@incremark/vue'
import '@incremark/theme/styles.css'
const content = ref('')
const isFinished = ref(false)
// 处理 AI 流式输出
async function handleStream(stream) {
for await (const chunk of stream) {
content.value += chunk
}
isFinished.value = true
}
</script>
<template>
<IncremarkContent :content="content" :is-finished="isFinished" />
</template>tsx
import { useState } from 'react'
import { IncremarkContent } from '@incremark/react'
import '@incremark/theme/styles.css'
function App() {
const [content, setContent] = useState('')
const [isFinished, setIsFinished] = useState(false)
// 处理 AI 流式输出
async function handleStream(stream) {
for await (const chunk of stream) {
setContent(prev => prev + chunk)
}
setIsFinished(true)
}
return <IncremarkContent content={content} isFinished={isFinished} />
}svelte
<script>
import { IncremarkContent } from '@incremark/svelte'
import '@incremark/theme/styles.css'
let content = $state('')
let isFinished = $state(false)
// 处理 AI 流式输出
async function handleStream(stream) {
for await (const chunk of stream) {
content += chunk
}
isFinished = true
}
</script>
<IncremarkContent {content} {isFinished} />tsx
import { createSignal } from 'solid-js'
import { IncremarkContent } from '@incremark/solid'
import '@incremark/theme/styles.css'
function App() {
const [content, setContent] = createSignal('')
const [isFinished, setIsFinished] = createSignal(false)
// 处理 AI 流式输出
async function handleStream(stream) {
for await (const chunk of stream) {
setContent(prev => prev + chunk)
}
setIsFinished(true)
}
return <IncremarkContent content={content()} isFinished={isFinished()} />
}