Docs
Hextra 문서
Guide
Diagram

Diagram

exported by ox-hugo on Org_Mode & Emacs Currently, Hextra supports Mermaid for diagrams.

Mermaid

Mermaid is a JavaScript based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically in the browser. For example, Mermaid can render flow charts, sequence diagrams, pie charts and more.

Using Mermaid in Hextra is as simple as writing a code block with language set mermaid:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

For more information, please refer to [Mermaid Documentation](https://mermaid-js.github.io/mermaid/#/).


### Srcblock vs. Shortcode in Emacs {#srcblock-vs-dot-shortcode-in-emacs}

-   srcblock mermaid with ob-mermaid
    -   syntax highlighting in srcblock
    -   caption

<!--listend-->

````mermaid { width="80%" align="center" }
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
Code Snippet 1: TD
마지막 수정일자
LatexShortcodes