Bộ chuyển đổi HTML sang Markdown

Chào mừng bạn đến với Trình chuyển đổi HTML sang Markdown của chúng tôi, một công cụ trực tuyến miễn phí giúp chuyển đổi mã HTML thành cú pháp Markdown sạch và dễ đọc. Cho dù bạn đang di chuyển nội dung từ CMS sang một trang web tĩnh, viết tài liệu, chuẩn bị tệp README hay chuyển đổi các bài đăng trên blog cho các nền tảng như GitHub hoặc Jekyll, trình chuyển đổi này sẽ xử lý các tiêu đề, liên kết, hình ảnh, bảng, khối mã, danh sách và hơn thế nữa một cách chính xác.

Markdown là gì?

Markdown là một ngôn ngữ đánh dấu nhẹ được tạo ra bởi John Gruber vào năm 2004. Nó sử dụng các quy ước định dạng văn bản thuần túy đơn giản như # Tiêu đề, **chữ đậm**, - mục danh sách và [liên kết](url) để tạo ra các tài liệu có cấu trúc dễ đọc ở dạng thô và có thể được chuyển đổi sang HTML để hiển thị trên web. Markdown là định dạng tiêu chuẩn cho các tệp README, tài liệu hướng dẫn cho nhà phát triển, blog, diễn đàn và các ứng dụng ghi chú.

Tại sao nên chuyển đổi HTML sang Markdown?

1. Di chuyển nội dung

Việc di chuyển nội dung từ WordPress, Drupal hoặc các nền tảng CMS dựa trên HTML khác sang các trình tạo trang tĩnh như Jekyll, Hugo hoặc Gatsby yêu cầu chuyển đổi HTML sang Markdown. Công cụ này tự động hóa quy trình đó.

2. Viết tài liệu

Tài liệu hướng dẫn cho nhà phát triển trên GitHub, GitLab và Bitbucket sử dụng Markdown. Việc chuyển đổi các tài liệu HTML hiện có sang Markdown giúp chúng dễ bảo trì, kiểm soát phiên bản và cộng tác hơn.

3. Khả năng đọc

Markdown dễ đọc hơn nhiều so với HTML ở dạng thô. Việc chuyển đổi HTML sang Markdown giúp con người dễ dàng quét, chỉnh sửa và xem lại nội dung hơn mà không phải xử lý các dấu ngoặc nhọn và thẻ đóng.

4. Khả năng di động

Các tệp Markdown hoạt động trên hàng trăm nền tảng và công cụ. Bằng cách chuyển đổi HTML sang Markdown, nội dung của bạn trở nên linh hoạt và không bị lỗi thời.

Các phần tử HTML được hỗ trợ

Cách sử dụng công cụ này

1. Dán HTML của bạn: Sao chép và dán nội dung HTML bạn muốn chuyển đổi vào trình soạn thảo nhập liệu ở bên trái. Bạn cũng có thể nhấp vào một ví dụ nhanh để xem nó hoạt động như thế nào.
2. Cấu hình tùy chọn: Chọn kiểu tiêu đề ưa thích (ATX hoặc Setext), dấu đánh dấu danh sách (- hoặc *) và kiểu hàng rào mã (dấu phẩy ngược hoặc dấu ngã).
3. Xem đầu ra Markdown: Markdown đã chuyển đổi xuất hiện ngay lập tức trong bảng bên phải khi bạn nhập.
4. Sao chép hoặc tải xuống: Nhấp vào Sao chép để sao chép Markdown vào bộ nhớ tạm của bạn hoặc Tải xuống để lưu dưới dạng tệp .md. Bạn cũng có thể chuyển đổi xem trước trực tiếp để xem Markdown hiển thị như thế nào.

Tùy chọn kiểu liên kết

Nội dòng (Mặc định)

Kiểu nội dòng đặt địa chỉ liên kết ngay bên cạnh văn bản liên kết, như [văn bản](url). Tiêu đề liên kết, nếu có trong HTML, được giữ trong dấu ngoặc kép sau địa chỉ.

Tham chiếu

Kiểu tham chiếu ghi văn bản liên kết dưới dạng [văn bản][1] và tập hợp mỗi địa chỉ trong một danh sách được đánh số ở cuối đầu ra Markdown, như [1]: url. Cách này giúp các URL dài không làm rối nội dung chính và hữu ích cho các bài viết dài.

Tùy chọn kiểu tiêu đề

Kiểu ATX (Mặc định)

Kiểu ATX sử dụng các ký hiệu thăng (#) trước văn bản tiêu đề. Nó hỗ trợ tất cả sáu cấp độ tiêu đề và là kiểu được sử dụng rộng rãi nhất trong Markdown hiện đại:

# Tiêu đề 1 | ## Tiêu đề 2 | ### Tiêu đề 3

Cách tính Tỷ lệ nén

Chỉ số Tỷ lệ nén so sánh độ dài đầu ra Markdown với độ dài đầu vào HTML, cả hai được đếm theo số ký tự. Công thức là 100% trừ đi (số ký tự Markdown chia cho số ký tự HTML), làm tròn đến phần trăm nguyên gần nhất. Ví dụ, nếu HTML của bạn có 1.000 ký tự và Markdown có 600 ký tự, tỷ lệ nén hiển thị 40%. Số càng cao nghĩa là Markdown càng ngắn hơn HTML; số âm nghĩa là Markdown dài hơn.

Kiểu Setext

Kiểu Setext sử dụng gạch chân bên dưới văn bản tiêu đề. Nó chỉ hỗ trợ h1 và h2 (h3-h6 chuyển về ATX). Một số người viết thích nó cho các tiêu đề cấp cao nhất vì sự nhấn mạnh trực quan của nó trong Markdown thô.

Các trường hợp sử dụng phổ biến

Di chuyển CMS

Di chuyển nội dung blog từ WordPress, Ghost hoặc Squarespace sang các nền tảng dựa trên Markdown như Hugo, Jekyll, Gatsby hoặc Next.js. Dán mã nguồn HTML và nhận Markdown sạch sẵn sàng cho trang web mới của bạn.

Tệp README trên GitHub

Chuyển đổi tài liệu HTML hoặc mô hình thiết kế sang Markdown cho các kho lưu trữ GitHub. Trình chuyển đổi xử lý các bảng, khối mã và danh sách lồng nhau mà GitHub Flavored Markdown hỗ trợ.

Email sang Tài liệu

Chuyển đổi nội dung email HTML hoặc nội dung trang web sang định dạng Markdown cho các wiki tài liệu nội bộ hoặc kho kiến thức.

Ghi chú

Chuyển đổi nội dung web sang Markdown cho các ứng dụng như Obsidian, Notion, Bear hoặc Typora. Ghi chú Markdown có khả năng di động và không bị lỗi thời.

Mẹo để có kết quả tốt nhất

Làm sạch HTML trước

để có kết quả tốt nhất, hãy sử dụng HTML sạch mà không có các kiểu nội dòng quá mức. Trình chuyển đổi tập trung vào cấu trúc HTML ngữ nghĩa, vì vậy việc xóa các thuộc tính style và class không cần thiết sẽ tạo ra đầu ra sạch hơn.

Kiểm tra căn chỉnh bảng

Các bảng HTML phức tạp với các ô được hợp nhất (colspan/rowspan) có thể không chuyển đổi hoàn hảo vì bảng Markdown không hỗ trợ hợp nhất ô. Các bảng đơn giản chuyển đổi chính xác.

Danh sách lồng nhau

Trình chuyển đổi xử lý các danh sách lồng nhau một cách chính xác với thụt lề phù hợp. Nếu HTML của bạn có các danh sách lồng nhau sâu, hãy xem lại đầu ra để đảm bảo việc lồng nhau khớp với mong đợi của bạn.

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

Trình chuyển đổi HTML sang Markdown là gì?

Trình chuyển đổi HTML sang Markdown là một công cụ trực tuyến chuyển đổi mã HTML thành cú pháp Markdown tương đương. Nó chuyển đổi các thẻ HTML như tiêu đề, chữ đậm, chữ nghiêng, liên kết, hình ảnh, danh sách, bảng và khối mã thành các thẻ Markdown tương ứng, tạo ra nội dung có định dạng văn bản thuần túy sạch và dễ đọc.

Nội dung HTML của tôi có an toàn khi sử dụng trình chuyển đổi này không?

Có, hoàn toàn an toàn. Tất cả quá trình chuyển đổi HTML sang Markdown diễn ra hoàn toàn trong trình duyệt của bạn bằng JavaScript phía máy khách. Nội dung của bạn không bao giờ được gửi đến bất kỳ máy chủ nào, được lưu trữ hoặc truyền đi. HTML của bạn hoàn toàn riêng tư.

Trình chuyển đổi này hỗ trợ những phần tử HTML nào?

Trình chuyển đổi này hỗ trợ tất cả các phần tử HTML phổ biến bao gồm tiêu đề (h1-h6), đoạn văn, chữ đậm, chữ nghiêng, gạch ngang, liên kết, hình ảnh, danh sách có thứ tự và không có thứ tự, danh sách lồng nhau, bảng, khối mã, mã nội dòng, trích dẫn khối, đường kẻ ngang, ngắt dòng và văn bản được định dạng trước.

Sự khác biệt giữa kiểu tiêu đề ATX và Setext là gì?

Kiểu ATX sử dụng các ký hiệu thăng trước văn bản tiêu đề (ví dụ: ## Tiêu đề 2), trong khi kiểu Setext sử dụng gạch chân bên dưới văn bản tiêu đề (ví dụ: một dòng gạch ngang cho h2). ATX hỗ trợ cả sáu cấp độ tiêu đề (h1-h6), trong khi Setext chỉ hỗ trợ h1 và h2. ATX được sử dụng phổ biến hơn trong Markdown hiện đại.

Tôi có thể chuyển đổi bảng HTML sang Markdown không?

Có. Trình chuyển đổi này hỗ trợ các bảng HTML và chuyển đổi chúng sang cú pháp bảng GitHub Flavored Markdown (GFM) với căn chỉnh cột thích hợp bằng cách sử dụng các thanh đứng và dấu gạch ngang. Nó xử lý các phần tử thead, tbody, th và td một cách chính xác.

Tài nguyên bổ sung

• Hướng dẫn về GitHub Flavored Markdown