작성 방법

1. 기본 문법

1.1. 제목

## 대제목
### 중제목
#### 소제목

1.2. 텍스트 서식

1.3. 링크

내부 문서 링크 (위키링크)

[[문서 제목]]
[[문서 제목|표시할 텍스트]]

외부 링크

[표시 텍스트](https://example.com)

인라인 출처 링크

나무위키 스타일의 인라인 출처 표시를 사용할 수 있습니다. [#](URL) 패턴으로 작성하면 작은 출처 링크로 렌더링됩니다:

본문 내용입니다.[#](https://example.com/source)

1.4. 목록

- 순서 없는 항목
- 순서 없는 항목
  - 하위 항목

1. 순서 있는 항목
2. 순서 있는 항목

• 순서 없는 항목
• 순서 없는 항목
  • 하위 항목

1. 순서 있는 항목
2. 순서 있는 항목

2. 표 (테이블)

2.1. 기본 테이블

| 제목1 | 제목2 | 제목3 |
|-------|-------|-------|
| 내용1 | 내용2 | 내용3 |
| 내용4 | 내용5 | 내용6 |

2.2. 표 너비 제어

기본적으로 표는 내용에 맞게 자동 크기입니다. 유튜브 영상이 포함된 표는 자동으로 전체 너비를 사용합니다.

직접 너비를 지정하려면 HTML <table> 태그의 style 속성을 사용합니다:

<table style="width: 100%">
<tr><th>제목1</th><th>제목2</th></tr>
<tr><td>내용1</td><td>내용2</td></tr>
</table>

특정 열 너비 지정:

<table style="width: 100%">
<tr>
  <th style="width: 80px">순번</th>
  <th>곡명</th>
  <th style="width: 120px">날짜</th>
</tr>
<tr><td>1st</td><td>노래 제목</td><td>2024. 1. 1.</td></tr>
</table>

2.3. 셀 병합 (colspan / rowspan)

HTML 테이블에서 셀을 가로 또는 세로로 병합할 수 있습니다:

<table>
<tr><th colspan="3">전체 제목</th></tr>
<tr><td rowspan="2">병합</td><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>

2.4. 파이프 이스케이프

마크다운 테이블 셀 안에서 파이프(|) 문자를 표시하려면 HTML 엔티티를 사용합니다:

| 문법 | 결과 |
|------|------|
| `|` | | |

|를 쓰면 셀 안에서 |로 렌더링됩니다.

2.5. 인포박스 (프로필 카드)

2열 테이블에서 첫 번째 열이 굵은 글씨이면 자동으로 인포박스(오른쪽 정보 카드)로 변환됩니다.

| **이름** | 홍길동 |
| **생년월일** | 2000. 1. 1. |
| **직업** | 모험가 |

2.6. 인포박스 위 이미지

2열 인포박스 바로 위에 이미지를 배치하면 자동으로 프로필 이미지로 표시됩니다:

![프로필](/api/images/이름)

| **이름** | 홍길동 |
| **직업** | 모험가 |

이미지와 테이블 사이에 빈 줄 하나만 두면 됩니다.

3. 접기/펼치기

<details>
<summary>클릭하여 펼치기</summary>

숨겨진 내용이 여기에 들어갑니다.
여러 줄도 가능합니다.

</details>

참고: <details> 블록을 여러 개 연속으로 배치할 수 있습니다. 각 블록은 독립적으로 열고 닫을 수 있습니다.

4. 가사 테이블

테이블 바로 아래에 <details>를 배치하면 자동으로 테이블 안에 접기/펼치기 행으로 병합됩니다. <summary>에 **"가사"**라는 단어가 포함되어야 합니다.

가사 본문은 3줄 패턴(원문 / 발음 / 번역)으로 작성하면 자동으로 색상이 적용됩니다.

| 순번 | 곡명 | 업로드 날짜 |
|------|------|------------|
| 1st | **노래 제목** | 2024. 1. 1. |

<details>
<summary>노래 제목 가사</summary>

原文のテキスト
겐분노 테키스토
원문 텍스트

次の行も同じパターン
츠기노 교모 오나지 파탄
다음 줄도 같은 패턴

</details>

결과:

색상 규칙:

• 1번째 줄 — 원문 (일본어, 그리스어, 영어 등)
• 2번째 줄 — 발음/로마자 표기
• 3번째 줄 — 한국어 번역

빈 줄로 절(verse)을 구분하며, 각 절 안에서 3줄 패턴이 반복됩니다.

5. 유튜브 임베드

유튜브 URL을 단독 줄에 작성하면 자동으로 영상 플레이어로 변환됩니다.

지원되는 URL 형식:

https://www.youtube.com/watch?v=VIDEO_ID
https://youtu.be/VIDEO_ID
https://youtube.com/shorts/VIDEO_ID
https://www.youtube.com/embed/VIDEO_ID

타임스탬프도 유지됩니다:

https://youtu.be/VIDEO_ID?t=128

테이블 셀 안에도 사용할 수 있습니다:

| 제목 | 영상 |
|------|------|
| 노래 제목 | https://www.youtube.com/watch?v=VIDEO_ID |

6. 이미지

편집기의 이미지 업로드 버튼을 통해 이미지를 업로드할 수 있습니다.

![대체 텍스트](이미지 URL)

이미지 크기를 조절하려면 HTML을 사용합니다:

<img src="이미지 URL" width="300">

7. 인용문

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

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

8. 각주

본문 텍스트[^1]에 각주를 달 수 있습니다.

[^1]: 각주 내용이 여기에 들어갑니다.

본문 텍스트¹에 각주를 달 수 있습니다.

8.1. 복잡한 각주

각주 안에 링크나 서식을 포함할 수 있습니다:

본문 텍스트[^2]에 복잡한 각주를 달 수 있습니다.

[^2]: 이것은 [링크](https://example.com)를 포함한 각주입니다.

8.2. 한 줄 다중 각주

한 줄에 여러 각주를 동시에 사용할 수 있습니다:

텍스트[^1]와 다른 텍스트[^2]를 같은 줄에 쓸 수 있습니다.

9. 분류 (카테고리)

문서 상단에 인용문 형식으로 분류를 지정할 수 있습니다:

> 분류: 인물 | 가수 | 버튜버

10. 코드 블록

\`\`\`javascript
function hello() {
  console.log("Hello, Wiki!");
}
\`\`\`

function hello() {
  console.log("Hello, Wiki!");
}

11. 수평선

---

12. 색상 텍스트

HTML <span> 태그로 텍스트에 색상을 적용할 수 있습니다:

<span style="color: #ff6b6b">빨간색 텍스트</span>
<span style="color: #51cf66">초록색 텍스트</span>
<span style="color: #339af0">파란색 텍스트</span>

빨간색 텍스트 / 초록색 텍스트 / 파란색 텍스트

13. HTML 태그 지원

다음 HTML 태그를 직접 사용할 수 있습니다:

13.1. 하이라이트

<mark>하이라이트 텍스트</mark>

하이라이트 텍스트

13.2. 루비 문자 (후리가나)

<ruby>漢字<rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby>

漢字(かんじ)

13.3. 위첨자 / 아래첨자

H<sub>2</sub>O, E=mc<sup>2</sup>

H₂O, E=mc²