Viết Markdown với bản xem trước chia đôi màn hình trực tiếp.
Cập nhật lần cuối
Coddy dạy bạn bằng cách viết code thật ngay trên trình duyệt: bài học tương tác, phản hồi tức thì và AI hỗ trợ khi bạn bị kẹt.
Trình soạn thảo Markdown là môi trường viết hai khung song song: bạn gõ Markdown dạng văn bản thuần ở một bên, còn bản xem trước đã hiển thị cập nhật trực tiếp ở bên kia. Đây là định dạng đứng sau các tệp README trên GitHub, cổng tài liệu, trình tạo trang tĩnh, nền tảng blog, ứng dụng ghi chú như Obsidian và công cụ chat như Discord, Slack.
Mục đích của Markdown là dễ đọc ở dạng văn bản thuần và trở thành HTML có cấu trúc khi hiển thị. Bạn bớt thời gian loay hoay với thanh công cụ định dạng và có thêm thời gian để viết, đó chính là lý do người viết tài liệu kỹ thuật và lập trình viên chuộng nó.
Hầu hết trình soạn thảo Markdown hiện đại đều hỗ trợ *GitHub-Flavored Markdown* (GFM), bổ sung bảng, danh sách công việc, khối code có gợi ý ngôn ngữ, tự động tạo liên kết và gạch ngang chữ bên trên đặc tả CommonMark gốc.
```js, ```python) sẽ bật tô màu cú pháp trong nhiều trình hiển thị.Dùng # cho tiêu đề, * hoặc _ để nhấn mạnh, - cho danh sách. Khung bên phải cập nhật ngay khi bạn gõ.
Chèn tiêu đề, khối code và bảng để sắp xếp tài liệu. Hầu hết trình soạn thảo có phím tắt (Ctrl+B, Ctrl+I) cho các định dạng thường dùng.
So sánh bản xem trước trực tiếp với mã nguồn. Nếu có gì đó hiển thị không như mong đợi, mã nguồn thường thiếu một dòng trống hoặc có rào code không khớp.
Sao chép mã nguồn Markdown vào README, hoặc sao chép HTML vào email, CMS hay bất cứ nơi nào không hiểu Markdown.
80% Markdown bạn sẽ dùng hằng ngày. Phần còn lại chỉ cần tìm trên Google. Đặc tả: CommonMark và GitHub-Flavored Markdown.
| Thành phần | Markdown | Hiển thị thành |
|---|---|---|
| Tiêu đề 1 | # Title | Tiêu đề cấp cao nhất |
| Tiêu đề 2 | ## Section | Tiêu đề mục |
| In đậm | **strong** | **strong** |
| In nghiêng | *emphasis* hoặc _emphasis_ | *emphasis* |
| Code trong dòng | `code` | code |
| Khối code | Bọc code trong rào ba dấu backtick, có thể kèm gợi ý ngôn ngữ | Khối code được tô màu cú pháp |
| Liên kết | [label](https://example.com) | Liên kết nhấp được |
| Hình ảnh |  | Hình ảnh nhúng |
| Danh sách | - item | Danh sách gạch đầu dòng |
| Danh sách đánh số | 1. item | Danh sách có thứ tự |
| Danh sách công việc (GFM) | - [x] done | Ô đã đánh dấu |
| Bảng (GFM) | | a | b |\n|---|---|\n| 1 | 2 | | Bảng hai cột |
| Trích dẫn | > quote | Đoạn trích dẫn thụt lề |
# Project Name
A short description in one or two sentences.
## Install
```bashnpm install project-name```
## Quick start
- Step 1- Step 2- Step 3Tiêu đề, đoạn văn, lệnh cài đặt trong khối code và một danh sách gạch đầu dòng: đó là xương sống của mọi README tốt.
| Feature | Free | Pro ||---------|:----:|:---:|| Editor | ✓ | ✓ || Export | | ✓ |Dấu gạch đứng (|) phân tách các cột. Dòng gạch ngang phân định cột, còn ký tự : đặt căn lề (trái, giữa, phải). Bảng GFM không cần độ rộng cột chính xác: chỉ cấu trúc là quan trọng.
- [x] Draft the post- [x] Add screenshots- [ ] PublishGitHub hiển thị chúng thành các ô đánh dấu tương tác trong issue và PR. Hữu ích cho danh sách kiểm tra ngay trong tài liệu và theo dõi dự án đơn giản.
> để thụt lề thay vì để trích dẫn. > *nghĩa là* trích dẫn: hãy chọn cách thụt lề khác.# heading, **bold**, [link](url)) thành HTML đã định dạng. Nó được thiết kế để dễ đọc ngay ở dạng mã nguồn.marked, markdown-it hay pandoc. Hầu hết trình tạo trang tĩnh tự làm việc này lúc build.GitHub-Flavored Markdown (GFM) bổ sung bảng, khối code có gợi ý ngôn ngữ, danh sách công việc, tự động tạo liên kết và gạch ngang chữ bên trên Markdown chuẩn. Đây là phương ngữ được GitHub, GitLab và nhiều nền tảng tài liệu dùng.
Có. Hầu hết trình hiển thị cho HTML thô đi qua. Cách này hữu ích để nhúng những thứ Markdown không hỗ trợ sẵn (bố cục tùy chỉnh, thẻ video), nhưng nó khiến tài liệu của bạn phụ thuộc vào đầu ra HTML.
Có. Trình soạn thảo của Coddy hiển thị Markdown hoàn toàn trong trình duyệt của bạn: văn bản không được tải lên đâu cả.
