编辑器最左边“插入绘图”按钮，可以进入绘制流程图的页面。虽然编辑时可以给单个节点添加超链接，但是编译后的图片只会保留一个超链接。
```diagram
PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMzZweCIgaGVpZ2h0PSIxOTFweCIgdmlld0JveD0iLTAuNSAtMC41IDIzNiAxOTEiIGNvbnRlbnQ9IiZsdDtteGZpbGUgaG9zdD0mcXVvdDtlbWJlZC5kaWFncmFtcy5uZXQmcXVvdDsgbW9kaWZpZWQ9JnF1b3Q7MjAyMy0wMi0yMFQxNTo0MTo0OS45MThaJnF1b3Q7IGFnZW50PSZxdW90OzUuMCAoV2luZG93cyBOVCAxMC4wOyBXaW42NDsgeDY0KSBBcHBsZVdlYktpdC81MzcuMzYgKEtIVE1MLCBsaWtlIEdlY2tvKSBDaHJvbWUvMTA5LjAuMC4wIFNhZmFyaS81MzcuMzYmcXVvdDsgdmVyc2lvbj0mcXVvdDsyMC44LjIwJnF1b3Q7IGV0YWc9JnF1b3Q7Rlh0X0ZCV3hYM0lualpKbWFHVGUmcXVvdDsgdHlwZT0mcXVvdDtlbWJlZCZxdW90OyZndDsmbHQ7ZGlhZ3JhbSBpZD0mcXVvdDtuNGE4MXdlWjVibjJoNGxBY1FLMyZxdW90OyBuYW1lPSZxdW90O+esrCAxIOmhtSZxdW90OyZndDt6WmJCYnFNd0VJYWZoanZnTkxzNU5tbTNQZXlxbFhMbzJZRXBXR3NZWklaQzl1blhGQnR3UXBTc1pGVjd3djVuQmp5ZmYxc0ViRmQwVDRwWCtTOU1RUVp4bUhZQmV3amlPQW9aMDQ5ZU9RN0tPcm9iaEV5SjFDUk53bDc4QVZ0cDFFYWtVRHVKaENoSlZLNllZRmxDUW83R2xjTFdUWHRINlg2MTRobWNDZnVFeTNQMVRhU1VHM1VkaGxQZ0dVU1dtMDl2YktEZ050a0lkYzVUYkdjU2V3ellUaUhTTUNxNkhjZ2VudVV5MVAyNEVCMFhwcUNrbXdyaW9lS0R5OFkwWnhaR1I5dXR3cVpNb1M4SUE3WnRjMEd3cjNqU1IxdTl2MXJMcVpCNkZ1bWhlUjBvZ3U3aW1xS3hVMjBSd0FKSUhYV0tMWWlORzR3N0lydnQ3Y1I2WTFMeUdXWExsSnZkemNZM1R3RDB3REM0d0NPOHprUHZXZFVQSzRVSjFQVjFKZ2VlL000K0tiNDBKRVVKL2xpTlRSOWRCak5Va2RYbXJMNTVZUFg5SDFCeHhhVUVpWm5paGU2OEFpWDA5MENkeGw2bndEV3E3NklEZXpmNGNsNTQ0ankyZ0ROYXNON2FBODd6azNpZkVLcUxUSnRDRGdsczJ6Y3Q5UFgwa3g5QXZtSXRTR0NwVXc1SWhNVXM0VjZLckE4UW5zREV3Wmk3OGNMc2o3cEM0dVpOdW1rL2hPOWN2eTZkYmJiZ1Z4K0EyZTErN2ZBR0EvbzR2aHNYeDRMZmxrNHY4M0hUUmYvaHpYOTYvalpmZVBPdnJ2UFFGZm9YUTArMjFpaUp4Q2I5R3F1c1hLdXN6dEdzL1ZoRlQ2Y2ZrTS9ZN0RlT1BmNEYmbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7Ij48ZGVmcy8+PGc+PHJlY3QgeD0iMjAiIHk9IjkwIiB3aWR0aD0iOTUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48cmVjdCB4PSIxMTUiIHk9IjAiIHdpZHRoPSIxMjAiIGhlaWdodD0iNzAiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48cGF0aCBkPSJNIDEyNyAwIEwgMTI3IDcwIE0gMjIzIDAgTCAyMjMgNzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48cGF0aCBkPSJNIDAgMTcwIEwgMjAgMTEwIEwgMTE1IDExMCBMIDk1IDE3MCBaIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48ZWxsaXBzZSBjeD0iNjAiIGN5PSI5Ny41IiByeD0iNy41IiByeT0iNy41IiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiB0cmFuc2Zvcm09InJvdGF0ZSgxNSw2MCwxMjApIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA2MCAxMDUgTCA2MCAxMzAgTSA2MCAxMTAgTCA0NSAxMTAgTSA2MCAxMTAgTCA3NSAxMTAgTSA2MCAxMzAgTCA0NSAxNTAgTSA2MCAxMzAgTCA3NSAxNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHRyYW5zZm9ybT0icm90YXRlKDE1LDYwLDEyMCkiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC41IC0wLjUpcm90YXRlKDE1IDUwLjQyMzY5NTMzMTIwNjc3IDE1NS43MzkyNTU1NzI2OTU1OCkiPjxzd2l0Y2g+PGZvcmVpZ25PYmplY3QgcG9pbnRlci1ldmVudHM9Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHJlcXVpcmVkRmVhdHVyZXM9Imh0dHA6Ly93d3cudzMub3JnL1RSL1NWRzExL2ZlYXR1cmUjRXh0ZW5zaWJpbGl0eSIgc3R5bGU9Im92ZXJmbG93OiB2aXNpYmxlOyB0ZXh0LWFsaWduOiBsZWZ0OyI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiB1bnNhZmUgZmxleC1zdGFydDsganVzdGlmeS1jb250ZW50OiB1bnNhZmUgY2VudGVyOyB3aWR0aDogMXB4OyBoZWlnaHQ6IDFweDsgcGFkZGluZy10b3A6IDE1NnB4OyBtYXJnaW4tbGVmdDogNTBweDsiPjxkaXYgZGF0YS1kcmF3aW8tY29sb3JzPSJjb2xvcjogcmdiKDAsIDAsIDApOyAiIHN0eWxlPSJib3gtc2l6aW5nOiBib3JkZXItYm94OyBmb250LXNpemU6IDBweDsgdGV4dC1hbGlnbjogY2VudGVyOyI+PGRpdiBzdHlsZT0iZGlzcGxheTogaW5saW5lLWJsb2NrOyBmb250LXNpemU6IDEycHg7IGZvbnQtZmFtaWx5OiBIZWx2ZXRpY2E7IGNvbG9yOiByZ2IoMCwgMCwgMCk7IGxpbmUtaGVpZ2h0OiAxLjI7IHBvaW50ZXItZXZlbnRzOiBhbGw7IHdoaXRlLXNwYWNlOiBub3dyYXA7Ij5BY3RvcjwvZGl2PjwvZGl2PjwvZGl2PjwvZm9yZWlnbk9iamVjdD48dGV4dCB4PSI1MCIgeT0iMTY4IiBmaWxsPSJyZ2IoMCwgMCwgMCkiIGZvbnQtZmFtaWx5PSJIZWx2ZXRpY2EiIGZvbnQtc2l6ZT0iMTJweCIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QWN0b3I8L3RleHQ+PC9zd2l0Y2g+PC9nPjxwYXRoIGQ9Ik0gMTg1IDEwIFEgMjA1IDEwIDIwNSAyNSBRIDIwNSA0MCAxODUgNDAgUSAxOTUgMjUgMTg1IDEwIFoiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9ImFsbCIvPjxyZWN0IHg9IjAiIHk9IjE3MCIgd2lkdGg9Ijk1IiBoZWlnaHQ9IjIwIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSAxNTAgMjcuNSBDIDEzOCAyNy41IDEzNSAzNSAxNDQuNiAzNi41IEMgMTM1IDM5LjggMTQ1LjggNDcgMTUzLjYgNDQgQyAxNTkgNTAgMTc3IDUwIDE4MyA0NCBDIDE5NSA0NCAxOTUgMzggMTg3LjUgMzUgQyAxOTUgMjkgMTgzIDIzIDE3Mi41IDI2IEMgMTY1IDIxLjUgMTUzIDIxLjUgMTUwIDI3LjUgWiIgZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjxzd2l0Y2g+PGcgcmVxdWlyZWRGZWF0dXJlcz0iaHR0cDovL3d3dy53My5vcmcvVFIvU1ZHMTEvZmVhdHVyZSNFeHRlbnNpYmlsaXR5Ii8+PGEgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtNSkiIHhsaW5rOmhyZWY9Imh0dHBzOi8vd3d3LmRpYWdyYW1zLm5ldC9kb2MvZmFxL3N2Zy1leHBvcnQtdGV4dC1wcm9ibGVtcyIgdGFyZ2V0PSJfYmxhbmsiPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMTBweCIgeD0iNTAlIiB5PSIxMDAlIj5UZXh0IGlzIG5vdCBTVkcgLSBjYW5ub3QgZGlzcGxheTwvdGV4dD48L2E+PC9zd2l0Y2g+PC9zdmc+
可以给每个节点添加超链接，指向对应的页面。
```mermaid
flowchart LR
classDef group fill:#f96
root[("root")] --> Cataclysmic:::group
root[("root")] --> Eruptive:::group
root[("root")] --> Eclipse_dust:::group
root[("root")] --> Rotation:::group
root[("root")] --> Eclipse:::group
root[("root")] --> Microlensing:::group
root[("root")] --- Pulsation:::group
click Pulsation "/Pulsation"
Pulsation --- 1["PV Tel"]
--- 2["BLAP"]
--- 3["V361 Hya"]
--- 4["V1093 Her"]
--- 5["PG 1159"]
--- 6["V777 Her"]
Pulsation --- 7["ZZ Ceti"]
--- 8["LPV"]
--- 9["L #40;Irregulars#41;"]
--- 10["M (Miras#41;"]
--- 11["SR #40;Semi–regulars#41;"]
--- 12["SARV – OSARG"]
Pulsation --- 13["Solar–like"]
--- 14["RR Lyrae"]
--- 15["Cepheids"]
--- 16["CW"]
--- 17["RV Tau"]
--- 18["Gamma Dor"]
Pulsation --- 19["roAp"]
--- 20["PMS DeltaScuti"]
--- 21["DST"]
--- 22["SXPHE"]
--- 23["SPB"]
--- 24["BCEP"]
Pulsation --- 25["Hot OB supergiants"]
--- 26["SPBe"]
--- 27["ACYG"]
Cataclysmic --- 29["ZAND"]
--- 30["Supernovae"]
--- 31["Novae"]
--- 32["UG"]
Eruptive --- 34["WR"]
--- 35["LBV"]
--- 36["GCAS"]
--- 37["FU"]
Eclipse_dust --- 39["RCB"]
--- 40["DY Per"]
Rotation --- 42["FKCOM"]
--- 43["ELL"]
--- 44["SXA"]
--- 45["ACV"]
--- 46["BY Dra – UV Ceti"]
--- 47["RS CVn"]
Eclipse --- 49["EA/EB/EW"]
--- 50["Planetary transits"]
--- 51["Asteroid occultation"]
更适合的一种图，但是是新出的feature，高于wiki.js集成的版本。在页面信息->脚本中添加新版的js文件即可使用，似乎一个页面只能添加一个，可见第二个图就不是最新版渲染的了。
坑爹的是不支持超链接。
<pre class="mermaid">
mindmap
((变星之树))
(Microlensing)
(Pulsation)
["PV Tel"]
["BLAP"]
["V361 Hya"]
["V1093 Her"]
["PG 1159"]
["V777 Her"]
["ZZ Ceti"]
["LPV"]
["L (Irregulars)"]
["M (Miras)"]
["SR (Semi-regulars)"]
["SARV - OSARG"]
["Solar-like"]
["RR Lyrae"]
["Cepheids"]
["CW"]
["RV Tau"]
["Gamma Dor"]
["roAp"]
["PMS DeltaScuti"]
["DST"]
["SXPHE"]
["SPB"]
["BCEP"]
["Hot OB supergiants"]
["SPBe"]
["ACYG"]
(Cataclysmic)
["ZAND"]
["Supernovae"]
["Novae"]
["UG"]
(Eruptive)
["WR"]
["LBV"]
["GCAS"]
["FU"]
("Eclipse(dust)")
["RCB"]
["DY Per"]
(Rotation)
["FKCOM"]
["ELL"]
["SXA"]
["ACV"]
["BY Dra - UV Ceti"]
["RS CVn"]
(Eclipse)
["EA/EB/EW"]
["Planetary transits"]
["Asteroid occultation"]
</pre>
<pre class="mermaid">
mindmap
((变星之树))
(Pulsation)
["PV Tel"]
["BLAP"]
["V361 Hya"]
["V1093 Her"]
["PG 1159"]
["V777 Her"]
["LPV"]
["ZZ Ceti"]
["L (Irregulars)"]
["M (Miras)"]
["SR (Semi-regulars)"]
["SARV - OSARG"]
["Solar-like"]
["RR Lyrae"]
["Cepheids"]
["CW"]
["RV Tau"]
["Gamma Dor"]
["roAp"]
["DST"]
["PMS DeltaScuti"]
["SXPHE"]
["SPB"]
["BCEP"]
["ACYG"]
["SPBe"]
["Hot OB supergiants"]
(Cataclysmic)
["ZAND"]
["Supernovae"]
["Novae"]
["UG"]
(Eruptive)
["WR"]
["LBV"]
["GCAS"]
["FU"]
("Eclipse(dust)")
["RCB"]
["DY Per"]
(Rotation)
["FKCOM"]
["ELL"]
["SXA"]
["ACV"]
["BY Dra - UV Ceti"]
["RS CVn"]
(Eclipse)
["EA/EB/EW"]
["Planetary transits"]
["Asteroid occultation"]
(Microlensing)
</pre>