ダイアグラムと数式の表示

テキストで書けるダイアグラムと数式表示の例です。

Hugo では、KaTeX (WASM) を利用し、数式を構築時にレンダリングできます。

GoAT

Mermaid

  sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts 
prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

KaTeX

インラインの数式 $a^2 + b^2 = c^2$ です。

ブロックの数式です。

$$t = \int_{a}^{b} x^2 dx$$

より複雑な数式です。

$$\alpha = \frac{m}{m-1} \left(1 - \frac{\displaystyle \sum_{i = 1}^m{{\sigma_i}^2}}{{\sigma_x}^2} \right)$$