📖 Học Markdown: Từ Cơ Bản Đến Nâng Cao#

Ưu Điểm#

• ✅ Đơn giản: Syntax dễ học và nhớ
• ✅ Universal: Được hỗ trợ ở khắp nơi
• ✅ Fast: Viết nhanh hơn HTML
• ✅ Readable: Dễ đọc cả ở dạng raw text
• ✅ Version Control Friendly: Git-friendly format

Sử Dụng Ở Đâu?#

• GitHub/GitLab: README, Issues, Wiki
• Documentation: Technical docs, API docs
• Blogs: Static site generators (Astro, Jekyll, Hugo)
• Note-taking: Obsidian, Notion, Roam Research
• Chat: Discord, Slack, Microsoft Teams

1.1 Headers (Tiêu Đề)#

Markdown sử dụng ký hiệu # để tạo headers:

1
# H1 - Tiêu đề cấp 1
2
## H2 - Tiêu đề cấp 2
3
### H3 - Tiêu đề cấp 3
4
#### H4 - Tiêu đề cấp 4
5
##### H5 - Tiêu đề cấp 5
6
###### H6 - Tiêu đề cấp 6

💡 Tip: Luôn để space sau # và tránh skip levels (H1 → H3)

1.2 Text Formatting (Định Dạng Text)#

1
**Bold text** hoặc __Bold text__
2
*Italic text* hoặc _Italic text_
3
***Bold và italic*** hoặc ___Bold và italic___
4
~~Strikethrough text~~
5
`Inline code`

Kết quả:

• Bold text
• Italic text
• Bold và italic
• Strikethrough text
• Inline code

1.3 Lists (Danh Sách)#

1
- Item 1
2
- Item 2
3
  - Nested item 2.1
4
  - Nested item 2.2
5
- Item 3

1
1. First item
2
2. Second item
3
   1. Nested item 2.1
4
   2. Nested item 2.2
5
3. Third item

1
- [x] Completed task
2
- [ ] Incomplete task
3
- [ ] Another task

1.4 Links và Images#

1
[Link text](https://example.com)
2
[Link với title](https://example.com "Hover title")
3
<https://example.com>

1
![Alt text](image-url.jpg)
2
![Alt text](image-url.jpg "Image title")

1.5 Blockquotes#

1
> Đây là blockquote
2
>
3
> Có thể nhiều dòng

1.6 Code Blocks#

1
Sử dụng `const variable = value` trong JavaScript.

1
```javascript
2
function hello() {
3
  console.log("Hello World!");
4
}
5
```

1.7 Horizontal Rules#

1
---
2
hoặc
3
***
4
hoặc
5
___

2.1 Tables (Bảng)#

1
| Header 1 | Header 2 | Header 3 |
2
|----------|----------|----------|
3
| Row 1    | Data     | Data     |
4
| Row 2    | Data     | Data     |
5

6
Alignment:
7
| Left | Center | Right |
8
|:-----|:------:|------:|
9
| L1   |   C1   |    R1 |
10
| L2   |   C2   |    R2 |

2.2 Mathematical Expressions#

1
This is inline math: $E = mc^2$

1
$$
2
\frac{n!}{k!(n-k)!} = \binom{n}{k}
3
$$

2.3 HTML trong Markdown#

1
<details>
2
<summary>Click để expand</summary>
3

4
Nội dung ẩn ở đây.
5

6
</details>
7

8
<kbd>Ctrl</kbd> + <kbd>C</kbd>

3.1 Formatting Guidelines#

1
✅ Tốt:
2
# Main Title
3
## Section
4
### Subsection
5

6
❌ Tránh:
7
#Main Title (thiếu space)

1
✅ Tốt:
2
- Item 1
3
- Item 2
4
  - Nested item
5

6
❌ Tránh:
7
-Item 1 (thiếu space)

3.2 Accessibility Tips#

1
✅ Alt text cho images:
2
![Screenshot of dashboard](dashboard.png)
3

4
✅ Descriptive link text:
5
[Read our guidelines](link)
6

7
❌ Tránh:
8
![](image.png)
9
[Click here](link)

4.1 Markdown Editors#

4.2 Useful VS Code Extensions#

1
- Markdown All in One
2
- Markdown Preview Enhanced
3
- markdownlint
4
- Paste Image
5
- Markdown Table Formatter

5.1 GitHub Flavored Markdown (GFM)#

1
Additions to standard markdown:
2
- Task lists: - [x] Done
3
- Tables: | Header | Data |
4
- Strikethrough: ~~text~~
5
- Auto-linking: https://github.com
6
- Emoji: :smile:
7
- Syntax highlighting

5.2 Platform-Specific Features#

1
**Bold** *Italic* __Underline__
2
~~Strikethrough~~ ||Spoiler||
3
`Code` ```Code block```
4
> Quote

6.1 Common Issues#

1
❌ Problem: Text không xuống dòng
2
✅ Solution: End line với 2 spaces
3
Hoặc dùng empty line

1
❌ Problem: *text* bị italic
2
✅ Solution: \*text\* (escape với backslash)

1
❌ Problem:
2
|Header|Data
3
|------|----
4

5
✅ Solution:
6
| Header | Data |
7
|--------|------|
8
| Row    | Data |

7.1 Blog Post Template#

1
---
2
title: "Post Title"
3
date: 2025-06-07
4
tags: ["tag1", "tag2"]
5
---
6

7
# Post Title
8

9
Brief introduction.
10

11
## What You'll Learn
12

13
- Key point 1
14
- Key point 2
15
- Key point 3
16

17
## Section 1
18

19
Content với examples...
20

21
### Code Example
22

23
```language
24
code here

Beginner#

1. Tạo personal profile README
2. Viết documentation cho project nhỏ
3. Format một bài blog từ plain text

Intermediate#

1. Tạo comprehensive project README
2. Viết API documentation với examples
3. Sử dụng advanced features (tables, math)

Advanced#

1. Setup static site với Markdown
2. Custom Markdown renderer
3. Automation workflow cho documentation

💡 Remember: Markdown là tool, không phải mục đích. Focus vào content quality và reader experience!

🚀 Next Step: Áp dụng ngay những gì học được để viết blog post đầu tiên với Markdown!