Chuyển đến nội dung

Chuyển Markdown sang HTML

Biến Markdown thành một trang web độc lập trình bày đẹp mắt, hoặc thành đoạn HTML gọn gàng để dán vào blog hay CMS — có sẵn bảng kiểu GitHub, code được tô màu cú pháp và tiêu đề có thể liên kết tới.

  • Không bao giờ lưu trữ
  • Không xếp hàng, không phải chờ
  • Không cần đăng ký, không watermark

Không có sẵn file?

Cách hoạt động

1

Thêm Markdown

Thả một file .md vào, hoặc viết và dán thẳng vào trình soạn thảo.

2

Chọn đầu ra

Một trang hoàn chỉnh có định dạng, mở được ở mọi nơi, hoặc chỉ phần HTML cho website của riêng bạn.

3

Sao chép hoặc tải xuống

Sao chép HTML vào bộ nhớ tạm hoặc lưu thành file .html.

Đoạn HTML hay trang hoàn chỉnh, và bạn cần cái nào

Có hai kiểu đầu ra hữu ích và chúng không thay thế được cho nhau. Đoạn HTML chỉ là phần mã đã chuyển đổi — tiêu đề, đoạn văn, danh sách, liên kết — không có phần vỏ tài liệu, đúng thứ bạn cần khi kết quả được đưa vào một mẫu giao diện, một ô nội dung trong CMS hoặc một trang khác. Trang hoàn chỉnh thêm doctype, phần head, khai báo bảng mã ký tự và một stylesheet, nên tự mở được và trông ra dáng một trang web. Dán trang hoàn chỉnh vào CMS sẽ thành một tài liệu nằm trong tài liệu; mở đoạn HTML trong trình duyệt thì chỉ thấy chữ trơn không định dạng.

Quá trình chuyển đổi hỗ trợ bộ Markdown mở rộng được thống nhất rộng rãi: tiêu đề, nhấn mạnh, danh sách, liên kết, ảnh, trích dẫn khối, bảng, khối code có tô màu cú pháp, danh sách công việc, chữ gạch ngang và chú thích cuối trang. Tiêu đề được gán định danh lấy từ chính nội dung của nó, nên có thể liên kết thẳng tới — chính các liên kết neo này giúp tài liệu dài trở nên dễ dùng.

HTML thô bên trong Markdown được giữ nguyên, đây là một phần của đặc tả và bạn nên cân nhắc kỹ: nghĩa là một file Markdown từ nguồn không đáng tin có thể chứa thẻ script, và chuyển đổi nó sẽ tạo ra một trang mang theo script đó. Đừng bao giờ hiển thị Markdown của người lạ mà không lọc sạch HTML sau đó — việc chuyển đổi không phải là một hàng rào bảo mật và chưa bao giờ được thiết kế để làm việc đó.

Có hai thứ được cố ý xuất thành khối code thay vì hiển thị. Công thức toán viết bằng ký hiệu LaTeX cần một thư viện dàn trang, còn sơ đồ Mermaid cần một trình vẽ sơ đồ — mỗi thứ là một phụ thuộc khá nặng, và một phương trình hiển thị sai còn tệ hơn một phương trình hiện nguyên dạng code. Trang hoàn chỉnh dùng phông chữ hệ thống thông thường thay vì tải phông về, nên hoạt động cả khi offline và trông hơi khác nhau trên Windows, macOS và Linux.

Khi bạn cần công cụ khác

Pandoc xử lý được những phần bị bỏ qua ở đây và còn nhiều hơn thế: pandoc in.md -o out.html --mathjax --standalone --toc hiển thị đúng công thức toán, tạo mục lục và nhận một mẫu giao diện để kết quả khớp với website của bạn. Nó còn chuyển đổi qua lại với khoảng bốn mươi định dạng khác, vì vậy rất đáng để cài một lần.

Nếu cần cả một website chứ không phải một file, hãy dùng trình tạo trang tĩnh thay vì chuyển từng trang một. Hugo, Eleventy, Jekyll và MkDocs biến một thư mục Markdown thành website có điều hướng, tìm kiếm và định dạng thống nhất, rồi tự dựng lại mỗi khi nguồn thay đổi — đó mới là việc thực sự cần làm khi bạn có nhiều hơn một tài liệu.

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

Trang hoàn chỉnh hay đoạn HTML — tôi cần cái nào?

Trang hoàn chỉnh là một file .html duy nhất có định dạng riêng, trông đẹp khi mở từ máy tính, trên điện thoại hay khi in. Đoạn HTML chỉ gồm phần mã nội dung, không có định dạng, để dán vào WordPress, Ghost, một CMS hoặc mẫu giao diện của riêng bạn.

Hỗ trợ những tính năng Markdown nào?

Markdown kiểu GitHub: bảng có căn lề, danh sách công việc, chữ gạch ngang, tự động tạo liên kết, khối code có tô màu cú pháp, chú thích cuối trang và HTML nội tuyến. Tiêu đề được gán id theo kiểu GitHub, nên các liên kết như #installation vẫn hoạt động.

Văn bản của tôi có bị lưu ở đâu không?

Không. Không có gì được gửi đi đâu cả và không lưu trữ gì cả.

Ảnh của tôi sẽ ra sao?

Đường dẫn ảnh được giữ nguyên đúng như bạn viết, nên trang sẽ hiển thị đúng khi được lưu cạnh thư mục ảnh của bạn. Thả cả ảnh vào, chúng sẽ được nhúng thẳng vào file để file tự hoạt động độc lập.

HTML này có an toàn để đăng lên không?

Script, biểu mẫu, khung nhúng và trình xử lý sự kiện nội tuyến đều bị loại bỏ khỏi mọi đoạn HTML nằm trong Markdown của bạn, nên kết quả chỉ chứa phần định dạng.

Tôi có thể thêm mục lục không?

Có — đánh dấu “Mục lục”, hoặc đặt [TOC] trên một dòng riêng ở chỗ bạn muốn danh sách xuất hiện.

Nên biết: Công thức toán và sơ đồ Mermaid được xuất thành khối code chứ không được hiển thị. Trang hoàn chỉnh dùng phông chữ hệ thống an toàn cho web, nên trông hơi khác nhau trên Windows, macOS và Linux.

Đặt công cụ này lên website của bạn

Miễn phí cho mọi blog, trang lớp học hay bài viết hướng dẫn. Chỉ cần dán một đoạn mã là khách truy cập có thể dùng ngay trên trang của bạn.