Markdown Cheat Sheet

1Cơ bản — Tiêu đề

Sử dụng dấu # để tạo tiêu đề. Từ 1 đến 6 dấu # tương ứng với 6 cấp độ tiêu đề.

Cú pháp	Kết quả	Ghi chú
`# Tiêu đề 1`	Tiêu đề 1	Tiêu đề lớn nhất, mỗi trang chỉ nên 1 thẻ H1
`## Tiêu đề 2`	Tiêu đề 2	Phân chia phần chính
`### Tiêu đề 3`	Tiêu đề 3	Phân chia phần phụ
`#### Tiêu đề 4`	Tiêu đề 4	Tiêu đề nhỏ
`##### Tiêu đề 5`	Tiêu đề 5	Tiêu đề rất nhỏ
`###### Tiêu đề 6`	Tiêu đề 6	Tiêu đề nhỏ nhất

Mẹo: Luôn có một khoảng trắng sau dấu # để cú pháp hoạt động chính xác.

2Định dạng văn bản

Cú pháp	Kết quả	Ghi chú
`In đậm` hoặc `__In đậm__`	In đậm	Nhấn mạnh mạnh
`In nghiêng` hoặc `_In nghiêng_`	In nghiêng	Nhấn mạnh nhẹ
`*Đậm nghiêng*`	*Đậm nghiêng*	Kết hợp cả hai
`~~Gạch ngang~~`	~~Gạch ngang~~	Thể hiện xóa bỏ
`^Chỉ số trên^`	Chỉ số trên²	Mở rộng, dùng cho chú thích
`~Chỉ số dưới~`	Chỉ số dưới₂	Mở rộng, dùng cho công thức
`==Tô sáng==`	Tô sáng	Mở rộng, làm nổi bật văn bản
`Mã inline`	`Mã inline`	Code ngắn trong dòng

Mẹo: Có thể kết hợp nhiều định dạng: ***Đậm nghiêng***, **~~Đậm gạch ngang~~**.

3Code

Code inline với backtick đơn, code block với 3 backtick kèm tên ngôn ngữ để tô sáng cú pháp.

Code block JavaScript

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('Markdown'));

Code block Python

def fibonacci(n):
    a, b = 0, 1
    for _ in range(n):
        yield a
        a, b = b, a + b

list(fibonacci(10))

Code block HTML

<!DOCTYPE html>
<html lang="vi">
<head>
    <title>Xin chào</title>
</head>
<body>
    <h1>Hello World!</h1>
</body>
</html>

Code block Bash

#!/bin/bash
# Git deployment script
git add .
git commit -m "Update"
git push origin main
echo "✅ Deployed!"

Các ngôn ngữ được hỗ trợ: javascript, python, html, css, bash, json, typescript, java, cpp, csharp, go, rust, sql, yaml, và 180+ ngôn ngữ khác.

4Danh sách

Danh sách không thứ tự

- Mục 1
- Mục 2
  - Mục lồng nhau
    - Mục lồng sâu hơn
- Mục 3

Mục 1
Mục 2
- Mục lồng nhau
  - Mục lồng sâu hơn
Mục 3

Danh sách có thứ tự

1. Bước đầu tiên
2. Bước thứ hai
   1. Bước phụ 2.1
   2. Bước phụ 2.2
3. Bước thứ ba

Bước đầu tiên
Bước thứ hai
1. Bước phụ 2.1
2. Bước phụ 2.2
Bước thứ ba

Checklist / Task list

- [x] Viết tài liệu
- [ ] Kiểm thử
- [ ] Triển khai

Viết tài liệu
Kiểm thử
Triển khai

Danh sách định nghĩa

HTML
: Ngôn ngữ đánh dấu

CSS
: Ngôn ngữ định kiểu

HTML: Ngôn ngữ đánh dấu
CSS: Ngôn ngữ định kiểu

5Bảng (Table)

Tạo bảng với dấu | và -. Dùng dấu : để căn chỉnh cột.

Cú pháp

| Cột trái | Cột giữa | Cột phải |
|:---------|:--------:|---------:|
| Trái     | Giữa     | Phải     |
| Dòng 2   | Dòng 2   | Dòng 2   |

Kết quả

Cột trái	Cột giữa	Cột phải
Trái	Giữa	Phải
Dòng 2	Dòng 2	Dòng 2

Bảng nâng cao với ô gộp

| Loại      | Tính năng A | Tính năng B |
|-----------|:-----------:|:-----------:|
| Cơ bản    | ✅           | ❌           |
| Pro       | ✅           | ✅           |
| **VIP**   | ✅           | ✅           |

6Trích dẫn (Blockquote)

> Đây là một trích dẫn.
> Nó có thể kéo dài nhiều dòng.
>
> > Trích dẫn lồng nhau cũng được hỗ trợ.

Đây là một trích dẫn. Nó có thể kéo dài nhiều dòng.

Trích dẫn lồng nhau cũng được hỗ trợ.

Kết hợp với các định dạng khác

> **Lưu ý:** Đây là thông tin quan trọng.
> * Điểm 1
> * Điểm 2
> `code` trong trích dẫn

7Liên kết & Hình ảnh

Liên kết

Cú pháp	Mô tả
`[text](url)`	Liên kết cơ bản
`[text](url "title")`	Liên kết có tiêu đề
`[text][ref]` `[ref]: url`	Liên kết dạng tham chiếu
`<url>`	Tự động liên kết

Hình ảnh

Cú pháp	Mô tả
`![alt](url)`	Hình ảnh cơ bản
`![alt](url "title")`	Hình ảnh có tiêu đề
`![alt][ref]` `[ref]: url`	Hình ảnh dạng tham chiếu
`<img src="url">`	Thẻ HTML trực tiếp

Chú thích cuối trang (Footnote)

Đây là văn bản có chú thích[^1].

[^1]: Nội dung chú thích hiện ở cuối trang.

8Đường kẻ ngang & Ngắt trang

Đường kẻ ngang

---

Kết quả: đường kẻ ngang phân cách nội dung.

Ngắt trang thủ công

<div style="page-break-after: always;"></div>

Hữu ích khi xuất PDF, cho phép kiểm soát vị trí ngắt trang.

9Cú pháp nâng cao

Cú pháp	Kết quả	Ghi chú
`:-)`, `:joy:`, `:rocket:`	😃, 🤣, 🚀	Emoji shortcode (JoyPixels)
`[!NOTE]`	Khối cảnh báo NOTE	GitHub Alert
`[!TIP]`	Khối cảnh báo TIP	GitHub Alert
`[!WARNING]`	Khối cảnh báo WARNING	GitHub Alert
`[!CAUTION]`	Khối cảnh báo CAUTION	GitHub Alert
`[!IMPORTANT]`	Khối cảnh báo IMPORTANT	GitHub Alert
`---`	YAML frontmatter	Metadata ở đầu file
`<div align="center">`	Căn giữa nội dung	HTML inline
`<abbr title="...">API</abbr>`	API	Viết tắt

10LaTeX — Công thức toán học

Hỗ trợ hiển thị công thức toán học qua MathJax. Dùng $$ cho inline và $$ cho block.

Inline

Công thức: $$E = mc^2$$

Kết quả: Công thức: E = mc²

Block

$$
\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}
$$

Phân số & Căn thức

$$
\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

Ma trận

$$
\begin{pmatrix}
a & b \\
c & d
\end{pmatrix}
$$

Tích phân

$$
\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$

Ký hiệu Hy Lạp

$$
\alpha, \beta, \gamma, \delta, \epsilon
\pi, \sigma, \omega, \theta, \lambda
$$

11Biểu đồ Mermaid

Tạo biểu đồ trực quan ngay trong Markdown với cú pháp Mermaid.

Flowchart

```mermaid
flowchart LR
    A[Bắt đầu] --> B{Xử lý}
    B -->|OK| C[Kết thúc]
    B -->|Lỗi| D[Báo lỗi]
```

Sequence Diagram

```mermaid
sequenceDiagram
    User->>Server: Yêu cầu
    Server->>DB: Truy vấn
    DB-->>Server: Dữ liệu
    Server-->>User: Phản hồi
```

Biểu đồ tròn (Pie)

```mermaid
pie title Phân bố
    "Đã xong" : 60
    "Đang làm" : 25
    "Chưa làm" : 15
```

Gantt Chart

```mermaid
gantt title Dự án
    Phần A    :a1, 2024-01-01, 30d
    Phần B    :a2, after a1, 20d
```

12GitHub Alerts

Cảnh báo phong cách GitHub dùng trong tài liệu kỹ thuật. Hỗ trợ 5 loại alert.

> [!NOTE]
> Thông tin hữu ích.

> [!TIP]
> Mẹo hay cho bạn.

> [!IMPORTANT]
> Thông tin quan trọng.

> [!WARNING]
> Cảnh báo cẩn thận.

> [!CAUTION]
> Nguy hiểm, cần chú ý.

NOTE
Thông tin hữu ích.

TIP
Mẹo hay cho bạn.

IMPORTANT
Thông tin quan trọng.

WARNING
Cảnh báo cẩn thận.

CAUTION
Nguy hiểm, cần chú ý.

Mục lục