Mermaid와 KaTeX

2026. 02. 02. 00:00 • 읽는데 3분

Mermaid #

흐름도와 구조도를 코드로 작성할 수 있습니다.

markdown

```mermaid
graph LR
  A[Hugo 빌드] --> B[검색 JSON]
  B --> C[브라우저 검색]
```

graph LR
  A[Hugo 빌드] --> B[검색 JSON]
  B --> C[브라우저 검색]

복잡한 시스템을 설명할 때는 문장만 나열하는 것보다 흐름을 한눈에 보여주기 좋습니다.

수식은 katex 코드블럭을 사용합니다.

markdown

```katex
E = mc^2
```

\[ E = mc^2 \]

인라인 수식은 $E = mc^2$ 처럼 작성할 수 있습니다.

SeoTax는 Mermaid와 KaTeX 리소스를 테마 안에 포함합니다. 별도 CDN 설정 없이 사용할 수 있어 외부 네트워크 요청을 줄일 수 있습니다.