Mermaid JS Plugin

[JammyDodger]

메타에서는 플러그인이 아니라 테마 컴포넌트인 Discourse Mermaid 를 사용하고 있으며, 해당 예제를 사용하여 유사한 결과를 확인할 수 있습니다:

flowchart LR
subgraph "One"
  a("`The **cat**
  in the hat`") -- "edge label" --> b{{"`The **dog** in the hog`"}}
end
subgraph "`**Two**`"
  c("`The **cat**
  in the hat`") -- "`Bold **edge label**`" --> d("The dog in the hog")
end

그러나 링크된 예제는 완성된 플로우차트에 볼드/이탤릭 텍스트가 표시되지 않는 것 같아 따라가기가 어렵습니다: (마크다운 자체는 표시되지 않음)

확인해 보겠습니다.