orange.ai(@oran_ge)

ColaMD 的图表引擎从 Mermaid 换成 Pele 了。 语法不变，但渲染器体积从 10M 降到 5.4M，一张图画好只要 20 毫秒。 欢迎下载使用 https://t.co/dAucsA...

8.5内容质量
ColaMD 的图表引擎从 Mermaid 换成 Pele 了。 语法不变，但渲染器体积从 10M 降到 5.4M，一张图画好只要 20 毫秒。 欢迎下载使用 https://t.co/dAucsA...

TL;DR · AI 摘要

ColaMD 将图表引擎从 Mermaid 迁移到 Pele，体积减少 46%，绘图速度提升至 20 毫秒。

核心要点

  • Pele 渲染器体积比 Mermaid 减少 46%（10M → 5.4M）
  • Pele 绘图速度提升 100-500 倍，单图渲染仅需 20 毫秒
  • Pele 兼容 Mermaid 语法，无依赖且支持响应式设计

结构提纲

按章节快速跳转。

  1. §迁移背景

    ColaMD 从 Mermaid 迁移至 Pele 的决策动因与技术挑战。

  2. ·性能对比

    Pele 相比 Mermaid 在渲染速度和体积上的量化提升。

  3. ›技术特性

    Pele 的无依赖架构与响应式设计实现原理。

  4. ·兼容性方案

    保持 Mermaid 语法兼容性的技术实现路径。

思维导图

用一张图看清主题之间的关系。

查看大纲文本（无障碍 / 无 JS 友好）
  • ColaMD 图表引擎迁移
    • Pele 优势
      • 性能提升
      • 体积优化
      • 无依赖架构
    • 技术实现
      • 语法兼容性
      • 响应式设计

金句 / Highlights

值得收藏与分享的关键句。

#图表引擎#Pele#Mermaid#性能优化#前端
打开原文

Orange AI on X: "ColaMD 的图表引擎从 Mermaid 换成 Pele 了。 语法不变，但渲染器体积从 10M 降到 5.4M，一张图画好只要 20 毫秒。 欢迎下载使用 https://t.co/dAucsA8B5D" / X

Orange AI

@oran_ge

Show translation

ColaMD 的图表引擎从 Mermaid 换成 Pele 了。 语法不变，但渲染器体积从 10M 降到 5.4M，一张图画好只要 20 毫秒。 欢迎下载使用

ColaMD.com

kepano

@kepano

Oct 17

This is Pele, my new rendering library for diagrams and charts, compatible with the latest Mermaid syntax. - 100-500× faster than mermaid.js - 6× smaller bundle - No dependencies - Easy to theme - Responsive to device width In pursuit of making Obsidian insanely fast and

Show more

$

00:00

/$

7:50 AM · Oct 19, 2026

·

4,708

Views

11

26

17