Viking(@vikingmute)

Obsidian 的 CEO kepano 写了一个 Mermaid 渲染库 Pele，同样的 Mermaid 语法 输出变成可换主题的 SVG ，但是性能和大小都有绝对优势： https://t.c...

8.5内容质量
Obsidian 的 CEO kepano 写了一个 Mermaid 渲染库 Pele，同样的 Mermaid 语法 输出变成可换主题的 SVG ，但是性能和大小都有绝对优势： https://t.c...

TL;DR · AI 摘要

Pele 是 Obsidian CEO 开发的 Mermaid 渲染库，性能比 Mermaid.js 快 500 倍，体积小 6 倍。

核心要点

  • Pele gzip 后体积为 230KB，仅为 Mermaid.js 的 1/6
  • 渲染速度最高可达 Mermaid.js 的 500 倍
  • 支持通过 CSS 变量换肤且无需重新渲染

结构提纲

按章节快速跳转。

  1. §引言

    介绍 Pele 渲染库的开发背景及核心优势。

  2. ·性能对比

    Pele 相比 Mermaid.js 在渲染速度和文件体积上有显著提升。

  3. ›技术特性

    支持 CSS 变量换肤、无依赖、跨平台运行等特性。

  4. ·应用场景

    Obsidian 将默认采用 Pele 渲染图表，兼容现有 Mermaid 语法。

思维导图

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

查看大纲文本（无障碍 / 无 JS 友好）
  • Pele 渲染库
    • 性能优势
      • 500 倍速度提升
      • 6 倍体积缩减
    • 技术特性
      • CSS 变量换肤
      • 无依赖设计
    • 兼容性
      • 支持浏览器和 Node.js
      • 兼容 Mermaid 语法

金句 / Highlights

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

#Mermaid#渲染库#性能优化#Obsidian
打开原文

Viking on X: "Obsidian 的 CEO kepano 写了一个 Mermaid 渲染库 Pele，同样的 Mermaid 语法 输出变成可换主题的 SVG ，但是性能和大小都有绝对优势： https://t.co/ms1qKlu3d7 gzip 后 230 kB vs Mermaid.js 的 1.6 MB 大约小 6 倍 渲染官方说最多快 500 倍 换肤是改 CSS 变量，不用重新渲染 浏览器和 node 都能跑 之后Obsidian 会用它默认渲染图，还在用 Mermaid.js 可以去试试看" / X

Viking

@vikingmute

Show translation

Obsidian 的 CEO kepano 写了一个 Mermaid 渲染库 Pele，同样的 Mermaid 语法 输出变成可换主题的 SVG ，但是性能和大小都有绝对优势：

pele.run

gzip 后 230 kB vs Mermaid.js 的 1.6 MB 大约小 6 倍 渲染官方说最多快 500 倍 换肤是改 CSS 变量，不用重新渲染 浏览器和 node 都能跑 之后Obsidian 会用它默认渲染图，还在用 Mermaid.js 可以去试试看

kepano

@kepano

22h

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

/$

12:18 PM · Oct 18, 2026

·

1,450

Views

3

1

17

18