Book 계열 Shortcodes

2026. 01. 18. 00:00 • 읽는데 3분

Columns #

짧은 내용을 여러 열로 나눌 때 사용합니다.

go-html

{{< columns >}}
왼쪽 내용
<--->
오른쪽 내용
{{< /columns >}}

왼쪽 내용

오른쪽 내용

정보, 경고, 성공 메시지를 강조할 때 사용합니다.

go-html

{{% hint warning %}}
주의할 내용을 작성합니다.
{{% /hint %}}

주의할 내용을 작성합니다.

지원 스타일은 info, success, warning, danger입니다.

같은 주제의 코드를 언어별로 나눌 때 좋습니다.

go-html

{{< tabs "install" >}}
{{% tab "npm" %}} npm install {{% /tab %}}
{{% tab "pnpm" %}} pnpm install {{% /tab %}}
{{< /tabs >}}

npm

npm install

pnpm

pnpm install

길거나 보조적인 내용을 접어둘 수 있습니다.

go-html

{{% details "더 보기" %}}
숨겨둘 설명
{{% /details %}}

Details

숨겨둘 설명

다이어그램은 Mermaid, 수식은 KaTeX를 사용합니다.

markdown

```mermaid
graph LR
  A --> B
```

graph LR
  A --> B