Skip to content
On this page

draw.io流程图

编辑器最左边“插入绘图”按钮,可以进入绘制流程图的页面。虽然编辑时可以给单个节点添加超链接,但是编译后的图片只会保留一个超链接。

```diagram
PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMzZweCIgaGVpZ2h0PSIxOTFweCIgdmlld0JveD0iLTAuNSAtMC41IDIzNiAxOTEiIGNvbnRlbnQ9IiZsdDtteGZpbGUgaG9zdD0mcXVvdDtlbWJlZC5kaWFncmFtcy5uZXQmcXVvdDsgbW9kaWZpZWQ9JnF1b3Q7MjAyMy0wMi0yMFQxNTo0MTo0OS45MThaJnF1b3Q7IGFnZW50PSZxdW90OzUuMCAoV2luZG93cyBOVCAxMC4wOyBXaW42NDsgeDY0KSBBcHBsZVdlYktpdC81MzcuMzYgKEtIVE1MLCBsaWtlIEdlY2tvKSBDaHJvbWUvMTA5LjAuMC4wIFNhZmFyaS81MzcuMzYmcXVvdDsgdmVyc2lvbj0mcXVvdDsyMC44LjIwJnF1b3Q7IGV0YWc9JnF1b3Q7Rlh0X0ZCV3hYM0lualpKbWFHVGUmcXVvdDsgdHlwZT0mcXVvdDtlbWJlZCZxdW90OyZndDsmbHQ7ZGlhZ3JhbSBpZD0mcXVvdDtuNGE4MXdlWjVibjJoNGxBY1FLMyZxdW90OyBuYW1lPSZxdW90O+esrCAxIOmhtSZxdW90OyZndDt6WmJCYnFNd0VJYWZoanZnTkxzNU5tbTNQZXlxbFhMbzJZRXBXR3NZWklaQzl1blhGQnR3UXBTc1pGVjd3djVuQmp5ZmYxc0ViRmQwVDRwWCtTOU1RUVp4bUhZQmV3amlPQW9aMDQ5ZU9RN0tPcm9iaEV5SjFDUk53bDc4QVZ0cDFFYWtVRHVKaENoSlZLNllZRmxDUW83R2xjTFdUWHRINlg2MTRobWNDZnVFeTNQMVRhU1VHM1VkaGxQZ0dVU1dtMDl2YktEZ050a0lkYzVUYkdjU2V3ellUaUhTTUNxNkhjZ2VudVV5MVAyNEVCMFhwcUNrbXdyaW9lS0R5OFkwWnhaR1I5dXR3cVpNb1M4SUE3WnRjMEd3cjNqU1IxdTl2MXJMcVpCNkZ1bWhlUjBvZ3U3aW1xS3hVMjBSd0FKSUhYV0tMWWlORzR3N0lydnQ3Y1I2WTFMeUdXWExsSnZkemNZM1R3RDB3REM0d0NPOHprUHZXZFVQSzRVSjFQVjFKZ2VlL000K0tiNDBKRVVKL2xpTlRSOWRCak5Va2RYbXJMNTVZUFg5SDFCeHhhVUVpWm5paGU2OEFpWDA5MENkeGw2bndEV3E3NklEZXpmNGNsNTQ0ankyZ0ROYXNON2FBODd6azNpZkVLcUxUSnRDRGdsczJ6Y3Q5UFgwa3g5QXZtSXRTR0NwVXc1SWhNVXM0VjZLckE4UW5zREV3Wmk3OGNMc2o3cEM0dVpOdW1rL2hPOWN2eTZkYmJiZ1Z4K0EyZTErN2ZBR0EvbzR2aHNYeDRMZmxrNHY4M0hUUmYvaHpYOTYvalpmZVBPdnJ2UFFGZm9YUTArMjFpaUp4Q2I5R3F1c1hLdXN6dEdzL1ZoRlQ2Y2ZrTS9ZN0RlT1BmNEYmbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7Ij48ZGVmcy8+PGc+PHJlY3QgeD0iMjAiIHk9IjkwIiB3aWR0aD0iOTUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48cmVjdCB4PSIxMTUiIHk9IjAiIHdpZHRoPSIxMjAiIGhlaWdodD0iNzAiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48cGF0aCBkPSJNIDEyNyAwIEwgMTI3IDcwIE0gMjIzIDAgTCAyMjMgNzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48cGF0aCBkPSJNIDAgMTcwIEwgMjAgMTEwIEwgMTE1IDExMCBMIDk1IDE3MCBaIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48ZWxsaXBzZSBjeD0iNjAiIGN5PSI5Ny41IiByeD0iNy41IiByeT0iNy41IiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiB0cmFuc2Zvcm09InJvdGF0ZSgxNSw2MCwxMjApIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA2MCAxMDUgTCA2MCAxMzAgTSA2MCAxMTAgTCA0NSAxMTAgTSA2MCAxMTAgTCA3NSAxMTAgTSA2MCAxMzAgTCA0NSAxNTAgTSA2MCAxMzAgTCA3NSAxNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHRyYW5zZm9ybT0icm90YXRlKDE1LDYwLDEyMCkiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC41IC0wLjUpcm90YXRlKDE1IDUwLjQyMzY5NTMzMTIwNjc3IDE1NS43MzkyNTU1NzI2OTU1OCkiPjxzd2l0Y2g+PGZvcmVpZ25PYmplY3QgcG9pbnRlci1ldmVudHM9Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHJlcXVpcmVkRmVhdHVyZXM9Imh0dHA6Ly93d3cudzMub3JnL1RSL1NWRzExL2ZlYXR1cmUjRXh0ZW5zaWJpbGl0eSIgc3R5bGU9Im92ZXJmbG93OiB2aXNpYmxlOyB0ZXh0LWFsaWduOiBsZWZ0OyI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiB1bnNhZmUgZmxleC1zdGFydDsganVzdGlmeS1jb250ZW50OiB1bnNhZmUgY2VudGVyOyB3aWR0aDogMXB4OyBoZWlnaHQ6IDFweDsgcGFkZGluZy10b3A6IDE1NnB4OyBtYXJnaW4tbGVmdDogNTBweDsiPjxkaXYgZGF0YS1kcmF3aW8tY29sb3JzPSJjb2xvcjogcmdiKDAsIDAsIDApOyAiIHN0eWxlPSJib3gtc2l6aW5nOiBib3JkZXItYm94OyBmb250LXNpemU6IDBweDsgdGV4dC1hbGlnbjogY2VudGVyOyI+PGRpdiBzdHlsZT0iZGlzcGxheTogaW5saW5lLWJsb2NrOyBmb250LXNpemU6IDEycHg7IGZvbnQtZmFtaWx5OiBIZWx2ZXRpY2E7IGNvbG9yOiByZ2IoMCwgMCwgMCk7IGxpbmUtaGVpZ2h0OiAxLjI7IHBvaW50ZXItZXZlbnRzOiBhbGw7IHdoaXRlLXNwYWNlOiBub3dyYXA7Ij5BY3RvcjwvZGl2PjwvZGl2PjwvZGl2PjwvZm9yZWlnbk9iamVjdD48dGV4dCB4PSI1MCIgeT0iMTY4IiBmaWxsPSJyZ2IoMCwgMCwgMCkiIGZvbnQtZmFtaWx5PSJIZWx2ZXRpY2EiIGZvbnQtc2l6ZT0iMTJweCIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QWN0b3I8L3RleHQ+PC9zd2l0Y2g+PC9nPjxwYXRoIGQ9Ik0gMTg1IDEwIFEgMjA1IDEwIDIwNSAyNSBRIDIwNSA0MCAxODUgNDAgUSAxOTUgMjUgMTg1IDEwIFoiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9ImFsbCIvPjxyZWN0IHg9IjAiIHk9IjE3MCIgd2lkdGg9Ijk1IiBoZWlnaHQ9IjIwIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSAxNTAgMjcuNSBDIDEzOCAyNy41IDEzNSAzNSAxNDQuNiAzNi41IEMgMTM1IDM5LjggMTQ1LjggNDcgMTUzLjYgNDQgQyAxNTkgNTAgMTc3IDUwIDE4MyA0NCBDIDE5NSA0NCAxOTUgMzggMTg3LjUgMzUgQyAxOTUgMjkgMTgzIDIzIDE3Mi41IDI2IEMgMTY1IDIxLjUgMTUzIDIxLjUgMTUwIDI3LjUgWiIgZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjxzd2l0Y2g+PGcgcmVxdWlyZWRGZWF0dXJlcz0iaHR0cDovL3d3dy53My5vcmcvVFIvU1ZHMTEvZmVhdHVyZSNFeHRlbnNpYmlsaXR5Ii8+PGEgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtNSkiIHhsaW5rOmhyZWY9Imh0dHBzOi8vd3d3LmRpYWdyYW1zLm5ldC9kb2MvZmFxL3N2Zy1leHBvcnQtdGV4dC1wcm9ibGVtcyIgdGFyZ2V0PSJfYmxhbmsiPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMTBweCIgeD0iNTAlIiB5PSIxMDAlIj5UZXh0IGlzIG5vdCBTVkcgLSBjYW5ub3QgZGlzcGxheTwvdGV4dD48L2E+PC9zd2l0Y2g+PC9zdmc+

mermaid流程图

可以给每个节点添加超链接,指向对应的页面。

```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"]



mermaid思维导图

更适合的一种图,但是是新出的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>

更新时间:Tue, 15 Oct 2024 03:09:23 GMT