제목 (H2)

#

소제목 (H3)

#

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

이미지 삽입

#

방법 1: 로컬 이미지

#

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

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

방법 2: 외부 이미지 URL

#

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

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

#

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

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

#

16:9

#

Previous Next

21:9

Previous Next

#

코드 삽입

#

인라인 코드

#

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에 도움이 됩니다
• 이미지는 포스트 폴더에 함께 넣는 것을 권장합니다