궁극의 Markdown 문법 가이드 및 치트 시트
Markdown의 모든 것에 대한 원스톱 참조. 표준 GFM 서식부터 Mermaid 다이어그램 및 LaTeX 수식과 같은 고급 기능까지 — 구조화되고 풍부한 콘텐츠를 작성하는 데 필요한 모든 것.
1타이포그래피, 서식 및 텍스트 스타일
기본 서식을 마스터하세요: 굵게, 기울임꼴, 취소선 및 제목 수준(H1-H6). 강조와 명확성을 위해 텍스트 스타일을 지정하는 방법을 알아보세요.
# Heading Level 1
## Heading Level 2
### Heading Level 3
#### Heading Level 4
##### Heading Level 5
###### Heading Level 6
You can make text **bold**, *italic*, or ***both***.
You can also use ~~strikethrough~~ to indicate deleted text.
Using HTML tags for subscript/superscript:
H<sub>2</sub>O and E = mc<sup>2</sup>
Keyboard input:
Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
You can make text bold, italic, or both.
You can also use strikethrough to indicate deleted text.
Using HTML tags for subscript/superscript: H2O and E = mc2
Keyboard input: Press Ctrl + C to copy.
2목록: 순서 있는, 순서 없는 및 작업 목록
글머리 기호, 번호 매기기 목록 및 중첩 항목으로 정리된 콘텐츠를 만드세요. 대화형 GFM 작업 목록으로 진행 상황을 추적하세요.
### Unordered List
- Project Alpha
- Project Beta
- Frontend
- React
- Vue
- Backend
- Node.js
- Python
### Ordered List
1. Step One
2. Step Two
1. Sub-step A
2. Sub-step B
3. Step Three
### Task List
- [x] Design Database Schema
- [x] Set up API endpoints
- [ ] Write documentation
- [ ] Deploy to productionUnordered List
- Project Alpha
- Project Beta
- Frontend
- React
- Vue
- Backend
- Node.js
- Python
- Frontend
Ordered List
- Step One
- Step Two
- Sub-step A
- Sub-step B
- Step Three
Task List
- Design Database Schema
- Set up API endpoints
- Write documentation
- Deploy to production
3하이퍼링크, 이미지 및 미디어
이미지를 삽입하고 텍스트에 하이퍼링크를 추가하며 Base64로 인코딩된 이미지를 사용하세요. 표준 링크 구문 및 이미지 포함에 대해 알아보세요.
[Visit MD2Word](https://markdowntoword.pro)

**Image with Link:**
[](https://markdowntoword.pro)
**Base64 Image:**
4인용 블록 및 GitHub 경고
인용 블록 및 GitHub 스타일의 경고(참고, 팁, 중요, 경고, 주의)를 사용하여 중요한 정보를 강조하세요.
> Markdown is a lightweight markup language with plain text formatting syntax.
>
> > It is designed so that it can be converted to HTML and many other formats using a tool by the same name.
> [!NOTE]
> This is a note alert. Useful for general information.
> [!TIP]
> Pro Tip: You can drag and drop markdown files to convert them!
> [!IMPORTANT]
> Do not forget to check the preview before exporting.
> [!WARNING]
> This action cannot be undone.
> [!CAUTION]
> Proceed with extreme caution!Markdown is a lightweight markup language with plain text formatting syntax.
It is designed so that it can be converted to HTML and many other formats using a tool by the same name.
NOTE
This is a note alert. Useful for general information.
TIP
Pro Tip: You can drag and drop markdown files to convert them!
IMPORTANT
Do not forget to check the preview before exporting.
WARNING
This action cannot be undone.
CAUTION
Proceed with extreme caution!
5코드 블록 및 구문 강조
다양한 프로그래밍 언어(Python, JS 등)에 대한 구문 강조가 있는 코드 스니펫을 표시하고 변수에 인라인 코드를 사용하세요.
Inline code is wrapped in backticks: `const x = 10;`
```tsx
import React from 'react';
const Button = ({ children }) => {
return (
<button className="bg-blue-500 text-white px-4 py-2 rounded">
{children}
</button>
);
};
```
```python
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
```
```json
{
"name": "md2word",
"version": "1.0.0",
"features": ["html", "docx", "pdf"]
}
```Inline code is wrapped in backticks: const x = 10;
import React from 'react';
const Button = ({ children }) => {
return (
<button className="bg-blue-500 text-white px-4 py-2 rounded">
{children}
</button>
);
};
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
{
"name": "md2word",
"version": "1.0.0",
"features": ["html", "docx", "pdf"]
}
6표, 정렬 및 이모지
GFM 표로 데이터를 정리하고 셀 정렬을 제어하며 재미있는 이모지를 삽입하여 문서를 향상시키세요.
| Feature | Support | Notes |
| :--- | :---: | ---: |
| **Tables** | ✅ | Easy to read |
| **Alignment** | 🟢 | Left/Center/Right |
| **Math** | 🧮 | KaTeX based |
| **Charts** | 📊 | Mermaid based |
| **Emojis** | 🎉 | :rocket: :heart: :smile: || Feature | Support | Notes |
|---|---|---|
| Tables | ✅ | Easy to read |
| Alignment | 🟢 | Left/Center/Right |
| Math | 🧮 | KaTeX based |
| Charts | 📊 | Mermaid based |
| Emojis | 🎉 | :rocket: :heart: :smile: |
7각주 및 참조
학술 스타일의 인용 및 각주를 추가하여 필요한 참조를 제공하면서 콘텐츠를 깔끔하게 유지하세요.
Markdown is a lightweight markup language[^1].
It was created by John Gruber in 2004[^2].
[^1]: Markdown is often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.
[^2]: John Gruber created the Markdown language in 2004 in collaboration with Aaron Swartz.8HTML 요소 (접이식 세부 정보)
<details> 및 <summary>와 같은 원시 HTML 태그를 사용하여 FAQ나 추가 콘텐츠를 위한 대화형 접이식 섹션을 만드세요.
<details>
<summary><b>Click to expand System Requirements</b></summary>
- Processor: 2.5 GHz dual-core Intel Core i5
- Memory: 8 GB RAM
- Graphics: Intel Iris Plus Graphics 640
- Storage: 200 MB available space
</details>
<details>
<summary><b>Show Terms of Service</b></summary>
By using this service, you agree to...
1. Be nice
2. Write good markdown
</details>Click to expand System Requirements
- Processor: 2.5 GHz dual-core Intel Core i5
- Memory: 8 GB RAM
- Graphics: Intel Iris Plus Graphics 640
- Storage: 200 MB available space
Show Terms of Service
By using this service, you agree to...
- Be nice
- Write good markdown
9LaTeX 수학 및 방정식
LaTeX 구문 수학 블록(KaTeX)을 사용하여 복잡한 수학 공식을 렌더링하세요. 과학 및 학술 작문에 적합합니다.
### 1. Simple (Inline & Block)
Newton's second law is $F=ma$.
The mass-energy equivalence:
$$ E = mc^2 $$
### 2. Medium (Integrals & Fractions)
The Gaussian Integral:
$$
\int_{-\infty}^\infty e^{-x^2}dx = \sqrt{\pi}
$$
### 3. Complex (Limits & Summation)
Definition of Derivative:
$$
\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
$$
Sum of Squares:
$$
\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}
$$1. Simple (Inline & Block)
Newton's second law is . The mass-energy equivalence:
2. Medium (Integrals & Fractions)
The Gaussian Integral:
3. Complex (Limits & Summation)
Definition of Derivative:
Sum of Squares:
10Mermaid 다이어그램 및 차트
흐름과 데이터를 시각화하세요. Mermaid.js를 사용하여 Markdown에서 직접 순서도, 시퀀스 다이어그램, 파이 차트 등을 만드세요.
```mermaid
graph LR
A[Client] -->|HTTP Request| B(Load Balancer)
B --> C{Server Cluster}
C -->|One| D[Server 1]
C -->|Two| E[Server 2]
C -->|Three| F[Server 3]
D --> G[(Database)]
```
```mermaid
sequenceDiagram
autonumber
User->>System: Login Request
System->>DB: Query User
DB-->>System: Return User Data
System-->>User: Grant Access
```
```mermaid
pie title Programming Languages Used
"TypeScript" : 55
"Python" : 30
"Rust" : 10
"Go" : 5
```