How to Use ShortCode

1{{< notice info title >}}
2Notice 내용
3{{< /notice >}}

1{{< expand title="더 보기" open="false" >}}
2숨겨진 내용
3{{< /expand >}}

1{{< wikipedia "Machine Learning" >}}
2{{< wp "Machine Learning" "머신러닝" >}}

1{{< alert >}}경고 메시지{{< /alert >}}
2{{< alert "twitter" >}}트위터 알림{{< /alert >}}

1{{< badge >}}New{{< /badge >}}

1{{< button href="#" target="_self" >}}클릭{{< /button >}}

1{{< figure src="image.jpg" alt="설명" caption="캡션" >}}

1{{< gallery >}}
2  <img src="image1.jpg" />
3  <img src="image2.jpg" />
4{{< /gallery >}}

1{{< github repo="username/repo" >}}
2{{< gitlab projectID="12345678" >}}

1{{< icon "github" >}}

1{{< katex "f(x) = \\int_{-\\infty}^\\infty\\hat f(\\xi)\\,e^{2 \\pi i \\xi x}\\,d\\xi" >}}

1{{< lead >}}
2중요한 내용을 강조합니다.
3{{< /lead >}}

1{{< mermaid >}}
2graph LR
3A[시작] --> B[종료]
4{{< /mermaid >}}

1{{< timeline >}}
2{{< timelineItem icon="code" header="제목" badge="2024" >}}
3내용
4{{< /timelineItem >}}
5{{< /timeline >}}

1{{< typeit >}}
2타이핑 효과
3{{< /typeit >}}

1{{< youtubeLite id="dQw4w9WgXcQ" label="비디오 제목" >}}