숏코드

Linkita 테마는 여러 숏코드(shortcode)를 제공합니다.

숏코드에 대해 처음 들어보셨나요? 더 많은 정보는 Zola 문서를 참조하세요.

Mermaid

페이지에서 Mermaid를 사용하려면, 페이지의 프론트매터에서 extra.mermaid = true로 설정해야 합니다.

+++
title = "페이지 제목"

[extra]
mermaid = true
+++

그런 다음 mermaid() 숏코드를 다음과 같이 사용할 수 있습니다:

{% mermaid() %}

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

{% end %}

이것은 다음과 같이 렌더링됩니다:

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

또한, mermaid() 숏코드 안에 코드 블록을 사용할 수 있으며, 이 코드 블록은 무시됩니다.

코드 블록을 사용하면 포맷터가 Mermaid의 서식을 깨뜨리는 것을 방지할 수 있습니다.

{% mermaid() %}

```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 <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```

{% end %}

이것은 다음과 같이 렌더링됩니다:

  
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 <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

경고 상자

admonition() 숏코드는 페이지에 공지를 띄울 수 있도록 배너를 표시합니다.

admonition() 숏코드는 다음과 같이 사용할 수 있습니다:

{% admonition(type="tip", title="팁") %}
`tip` 타입의 경고 상자입니다.
{% end %}

경고 상자 숏코드에는 12가지 다른 타입이 있습니다:

갤러리

gallery() 숏코드는 페이지 에셋의 모든 이미지를 표시하는 매우 간단한 HTML 전용 클릭형 사진 갤러리입니다.

이 숏코드는 Zola 문서에서 가져왔습니다.

{{ gallery() }}

프로젝트

projects() 숏코드를 사용하면 프로젝트 페이지를 만들 수 있습니다.

content/pages/projects/index.md 파일을 만드세요:

+++
title = "내 프로젝트"
description = ""
path = "projects"
+++

{{ projects(path="data.toml", format="toml") }}

content/pages/projects/data.toml 파일을 만드세요:

[[project]]
name = "lorem"
desc = "Lorem ipsum dolor sit."
tags = ["lorem", "ipsum"]
links = [
    { name = "homepage", url = "https://example.com" },
    { name = "source", url = "https://example.com" },
]

이것은 다음과 같이 표시됩니다: