Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

示例

以下图表由 mdbook-modern-dotthemed-output = true 下实时渲染。 切换 mdBook 主题(Light ↔ Coal/Navy/Ayu)即可看到配色变化。

Graphviz

示例书籍启用了 themed-output,图表会生成明、暗两套 SVG,随 mdBook 主题切换。只需写一个围栏代码块,无需手写 HTML。

显式 token 的主题图

Ginput输入process处理input->processoutput输出process->output
Ginput输入process处理input->processoutput输出process->output

自动 preamble 注入的简单图

不含 {{ token }} 占位符的图表,会从 themes/default.toml 自动注入默认 graph/node/edge 属性。

Gstartstartmiddlemiddlestart->middleendendmiddle->end
Gstartstartmiddlemiddlestart->middleendendmiddle->end

硬编码颜色(不随主题变化)

以下颜色固定不变,除非改为主题 token。

Gcluster_0流程 #1cluster_1流程 #2a0a0a1a1a0->a1a2a2a1->a2b3b3a1->b3a3a3a2->a3a3->a0endenda3->endb0b0b1b1b0->b1b2b2b1->b2b2->a3b2->b3b3->endstartstartstart->a0start->b0
Gcluster_0流程 #1cluster_1流程 #2a0a0a1a1a0->a1a2a2a1->a2b3b3a1->b3a3a3a2->a3a3->a0endenda3->endb0b0b1b1b0->b1b2b2b1->b2b2->a3b2->b3b3->endstartstartstart->a0start->b0