Chuyển Markdown sang HTML

Biến tệp .md thành HTML theo hai cách: sao chép mã đã hiển thị sạch sẽ để dán vào CMS hay email, hoặc tải xuống một trang HTML hoàn chỉnh, tự chứa với giao diện, tô sáng cú pháp, sơ đồ và công thức được nhúng sẵn.

Miễn phí · không cần đăng ký · chạy trong trình duyệt, không tải lên gì cả

Menu Xuất: tải xuống .md, tải xuống .html, in ra PDF, sao chép dạng HTML, sao chép Markdown — Xuất dưới dạng Markdown, trang HTML độc lập hoặc PDF, hoặc sao chép HTML đã hiển thị — hiện ở giao diện Paper.

Hai loại kết quả HTML

Sao chép dạng HTML đưa đoạn đã hiển thị vào bộ nhớ tạm — mã ngữ nghĩa <h2>, <p>, <table>, <pre><code> không có định kiểu bao ngoài, sẵn sàng cho trình soạn thảo blog, hệ thống tài liệu hoặc email nhận văn bản có định dạng. Tải xuống .html tạo một trang độc lập: tài liệu đã hiển thị cộng CSS của giao diện bạn đang xem, mã đã tô sáng, SVG Mermaid đã vẽ và công thức KaTeX, trong một tệp bạn có thể mở ở bất cứ đâu hoặc đăng lên nguyên trạng.

Bộ chuyển đổi xử lý những gì

Việc chuyển đổi dùng cùng trình hiển thị GitHub-Flavored Markdown với bản xem trước: tiêu đề có id neo, nhấn mạnh, liên kết, hình ảnh, danh sách có thứ tự và không thứ tự, danh sách công việc, bảng có căn lề, trích dẫn và cảnh báo GitHub, khối mã có lớp ngôn ngữ, chú thích cuối trang, phần <details>, front matter, mã emoji, sơ đồ Mermaid và công thức. HTML nội tuyến trong nguồn đi qua sau khi được làm sạch, nên script và trình xử lý sự kiện không bao giờ lọt vào kết quả.

Chọn dáng vẻ trang trước

Vì bản xuất mang theo giao diện đang dùng, hãy thiết lập trước khi tải xuống: chọn một trong 16 giao diện sáng hoặc tối, chọn thân văn bản không chân, có chân hoặc đơn cách, và đặt cỡ chữ cùng độ rộng trang trong menu cài đặt. Trang xuất ra dùng những lựa chọn đó và kèm stylesheet in, nên nó cũng dùng được làm nguồn PDF.

Xem thực tế

Các khối mã TypeScript, Python, Bash và diff được tô sáng cú pháp, có nhãn ngôn ngữ và nút sao chép — Khối mã có nhãn ngôn ngữ, tô sáng cú pháp cho hơn 50 ngôn ngữ và nút sao chép — đây là giao diện One Dark.

Bộ chọn giao diện hiển thị 16 giao diện sáng và tối với mẫu màu — Mười sáu giao diện, mỗi giao diện có bảng màu cú pháp riêng — hoặc theo cài đặt sáng/tối của hệ thống.

Công thức KaTeX dạng khối và lưu đồ Mermaid được hiển thị ngay trong bản xem trước — Công thức KaTeX và lưu đồ Mermaid hiển thị ngay trong tài liệu.

Cách hoạt động

1
Dán Markdown của bạn hoặc mở tệp .md; kiểm tra bản xem trước.
2
Chọn giao diện và kiểu chữ — bản xuất dùng đúng những gì bản xem trước hiển thị.
3
Xuất → Sao chép dạng HTML để lấy đoạn mã, hoặc Tải xuống .html để có trang hoàn chỉnh.

Bạn nhận được gì

Mã ngữ nghĩa sạch

Không style nội tuyến trong đoạn sao chép; id trên tiêu đề; lớp ngôn ngữ trên mã.

Xuất trang độc lập

Một tệp HTML với CSS giao diện, mã đã tô sáng, sơ đồ và công thức.

GFM + phần mở rộng

Bảng, danh sách công việc, cảnh báo, chú thích, details, front matter, Mermaid, KaTeX.

Đã làm sạch

HTML nội tuyến được làm sạch bằng DOMPurify trước khi hiển thị hoặc xuất.

Phía trình duyệt

Chuyển đổi chạy cục bộ; tài liệu của bạn không bao giờ được tải lên.

Tiện làm hàng loạt

Mở tệp tiếp theo bằng kéo thả và xuất lại — không cần tải lại trang.

Câu hỏi thường gặp

HTML có kèm CSS không?

Sao chép dạng HTML cho bạn mã ngữ nghĩa không định kiểu. Tải xuống .html nhúng CSS của giao diện hiện tại nên tệp trông giống nhau ở mọi nơi.

Tôi có thể chuyển nhiều tệp Markdown không?

Mỗi lần một tài liệu: mở tệp, xuất, mở tệp tiếp. Không có giới hạn dung lượng ngoài bộ nhớ trình duyệt; tệp tới 5 MB mở trực tiếp.

Khối mã trong kết quả có được tô sáng không?

Có. Mã được tô sáng bằng highlight.js và trang độc lập mang theo quy tắc màu của giao diện đã chọn.

Sơ đồ Mermaid và công thức thì sao?

Chúng được xuất dưới dạng SVG đã vẽ (Mermaid) và HTML KaTeX, nên trang hiển thị chúng mà không cần tải script nào.

Kết quả có phải HTML5 hợp lệ không?

Có — một tài liệu HTML5 UTF-8 với thẻ meta viewport, tiêu đề lấy từ tên tệp và một <article class="markdown-body"> chứa nội dung.

Công cụ liên quan

Sẵn sàng khi bạn cần

Dán Markdown, thả tệp vào hoặc mở một URL — bản xem trước hiện ra ngay lập tức và mọi thứ ở lại trên thiết bị của bạn.

Mở Markdown Viewer