제목 (H2)

소제목 (H3)

일반 텍스트입니다. 굵게, 기울임, 취소선

이미지 삽입

방법 1: 로컬 이미지

포스트 폴더 내에 이미지 파일을 넣고 사용:

![이미지 설명](image.jpg)

방법 2: 외부 이미지 URL

![이미지 설명](https://example.com/image.jpg)

방법 3: HTML 태그 (크기 조정 가능)

<img src="image.jpg" alt="이미지 설명" width="500" />

캐러셀 이미지 (슬라이드 효과)

16:9

21:9

코드 삽입

인라인 코드

inline code 형식으로 작성

코드 블록

package main

import "fmt"

func main() {
    fmt.Println("Hello, World!")
}

def hello():
    print("Hello, World!")

docker run -d -p 8080:80 nginx

링크

기본 링크

링크 텍스트

참조 스타일 링크

링크 텍스트

article 참조

리스트

순서 없는 리스트

• 항목 1
• 항목 2
  • 하위 항목 2-1
  • 하위 항목 2-2
• 항목 3

순서 있는 리스트

1. 첫 번째
2. 두 번째
3. 세 번째

체크리스트

• 할 일 1
• 완료된 일
• 할 일 2

인용문

인용문 내용입니다. 여러 줄도 가능합니다.

표 (Table)

링크 임베드 (Shortcodes)

YouTube 영상

{{< youtube VIDEO_ID >}}

Twitter/X

{{< twitter user=“username” id=“tweet_id” >}}

GitHub Gist

{{< gist username gist_id >}}

알림 박스 (Blowfish Alert)

{{< alert “circle-info” >}} 정보 알림입니다. {{< /alert >}}

{{< alert “lightbulb” >}} 팁이나 아이디어입니다. {{< /alert >}}

{{< alert “triangle-exclamation” >}} 경고 메시지입니다. {{< /alert >}}

접기/펼치기 (Details)

주석

수평선

위아래로 구분선을 만들 때 사용:

각주

텍스트에 각주¹를 추가할 수 있습니다.

그래프 차트

Mermaid 차트

graph LR;
A[Lemons]-->B[Lemonade];
B-->C[Profit]

Swatched (color showcase)

TypeLt

(Ex1)

(Ex2)

(Ex3)

Youtube Lite

작성 팁:

• Front matter의 draft: true를 false로 변경하면 배포됩니다
• description과 summary를 작성하면 SEO에 도움이 됩니다
• 이미지는 포스트 폴더에 함께 넣는 것을 권장합니다