Chuyển HTML sang Markdown

HTML là cách nội dung được hiển thị; Markdown là cách ngày càng nhiều người chọn để viết và lưu trữ nội dung. Công cụ này đổi file .html thành văn bản .md dễ đọc, giúp bạn chuyển kho bài blog, trung tâm trợ giúp hay bài viết đã lưu sang trang web tĩnh, kho ghi chú hoặc kho Git.

hoặc thả tệp PDF, DOC, DOCX … vào đây ·

Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút

Đầu ra

Chuyển sang

Định dạng văn bản

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

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

1
Tải lên file HTML
Thêm các file .html hoặc .htm, tối đa 20 file mỗi lượt và 95 MB mỗi file. Trang lưu từ trình duyệt, file xuất từ CMS hay file viết tay đều dùng được.
2
Kiểm tra cài đặt văn bản
Chuyển sang là Markdown, Định dạng văn bản là Đơn giản, Mã hóa ký tự là UTF-8 và Ký tự xuống dòng là LF, phù hợp với Git, các trình tạo trang tĩnh và trình soạn thảo trên macOS hoặc Linux.
3
Chuyển sang Markdown
Nhấn Chuyển sang Markdown, sau đó mở file .md bằng bất kỳ trình soạn thảo văn bản nào để xóa các menu hoặc chân trang còn sót lại. File đã tải lên sẽ bị xóa sau 30 phút.

Để chuyển HTML sang Markdown, hãy tải file .html lên và nhấn Chuyển sang Markdown: tiêu đề thành các dòng #, liên kết thành văn bản, danh sách giữ nguyên dấu đầu dòng và số thứ tự, còn bảng đơn giản thành bảng dùng dấu gạch đứng.

Chuyển HTML sang Markdown: ai cần và để làm gì

John Gruber công bố Markdown năm 2004, với Aaron Swartz là cộng sự, như một cách viết cho web bằng văn bản thuần, đọc tự nhiên ngay cả khi chưa được hiển thị. Hai mươi năm sau, đây là định dạng gốc của README trên GitHub, các trình tạo trang tĩnh như Jekyll và Hugo, công cụ tài liệu, ứng dụng ghi chú như Obsidian và thư mục nội dung của nhiều website hiện đại.

Điều đó tạo ra một dòng chảy ngược với thông thường. Các nhóm rời bỏ CMS dùng cơ sở dữ liệu cần nhiều năm bài viết dưới dạng file .md. Người viết lưu bài báo vào kho ghi chú. Lập trình viên chuyển phần trợ giúp HTML cũ vào kho tài liệu dạng mã, nơi thay đổi được duyệt qua pull request. Trong mọi trường hợp, HTML là bản duy nhất và viết lại bằng tay là không thực tế. Với tài liệu Word, công việc tương tự là DOCX sang Markdown.

Những phần tử HTML nào có dạng tương ứng trong Markdown

from ↓ · to →	CommonMark	GitHub Flavored Markdown
Tiêu đề h1–h6	Tiêu đề h1–h6 to CommonMark: yes	Tiêu đề h1–h6 to GitHub Flavored Markdown: yes
Liên kết và ảnh	Liên kết và ảnh to CommonMark: yes	Liên kết và ảnh to GitHub Flavored Markdown: yes
Danh sách và khối trích dẫn	Danh sách và khối trích dẫn to CommonMark: yes	Danh sách và khối trích dẫn to GitHub Flavored Markdown: yes
Khối code và pre	Khối code và pre to CommonMark: yes	Khối code và pre to GitHub Flavored Markdown: yes
Bảng đơn giản	– Bảng đơn giản to CommonMark: no	Bảng đơn giản to GitHub Flavored Markdown: yes
Chữ gạch ngang	– Chữ gạch ngang to CommonMark: no	Chữ gạch ngang to GitHub Flavored Markdown: yes
Ô bảng được gộp	– Ô bảng được gộp to CommonMark: no	– Ô bảng được gộp to GitHub Flavored Markdown: no
Biểu mẫu, video, iframe	– Biểu mẫu, video, iframe to CommonMark: no	– Biểu mẫu, video, iframe to GitHub Flavored Markdown: no

supported not offeredCommonMark, được đặc tả từ năm 2014, là phần lõi chặt chẽ; GitHub Flavored Markdown, đặc tả năm 2017, bổ sung bảng, chữ gạch ngang và danh sách công việc. Phần nào không có dạng Markdown có thể giữ nguyên là HTML thô, điều mà cả hai đều cho phép.

Kết quả khi chuyển HTML sang Markdown: bạn sẽ nhận được gì

Tên class, kiểu inline, script và các div bố cục sẽ bị bỏ, vì Markdown mô tả ý nghĩa chứ không phải hình thức. Chữ đậm và nghiêng trở thành hai và một dấu sao, ngắt dòng trong đoạn văn được nối lại, còn các thực thể ký tự như   biến thành ký tự thông thường trong UTF-8. File .md sẽ chỉ bằng một phần nhỏ dung lượng của HTML: chữ được giữ lại, thẻ thì bị bỏ.

Lầm tưởngMarkdown có thể tái tạo mọi bố cục HTML.

Sự thậtNó chỉ bao quát cấu trúc văn bản; cột, màu sắc và các khung định vị không có cú pháp Markdown nên sẽ mất hoặc giữ nguyên dưới dạng HTML thô.

Lầm tưởngTrang đã chuyển đổi có thể đăng ngay không cần chỉnh sửa.

Sự thậtMenu, banner cookie và chân trang cũng được chuyển theo; hãy cắt bớt chúng và thêm front matter nếu trình tạo trang của bạn yêu cầu.

Lầm tưởngKết quả Markdown hiển thị giống nhau ở mọi nơi.

Sự thậtBảng và chữ gạch ngang cần trình hiển thị GitHub Flavored Markdown; các công cụ CommonMark thuần sẽ hiển thị chúng dưới dạng văn bản thường.

Thông tin về định dạng HTML và Markdown

HTML

Ngôn ngữ đánh dấu siêu văn bản (HTML)

HTML là ngôn ngữ đánh dấu của web, được Tim Berners-Lee mô tả lần đầu vào đầu thập niên 1990 và hiện do WHATWG duy trì dưới dạng tiêu chuẩn sống. Tệp HTML mô tả tiêu đề, đoạn văn, liên kết, bảng, hình ảnh và biểu mẫu, còn phần trình bày thường đến từ CSS. Mọi trình duyệt đều hiển thị HTML, và định dạng này cũng được dùng cho mẫu email và trang web đã lưu. Một tệp HTML đơn lẻ thường phụ thuộc vào ảnh và stylesheet bên ngoài, nên có thể hiển thị lỗi khi bị di chuyển riêng.

Nén: –
Độ trong suốt: –
Ảnh động: –
Ra mắt: 1993 · Tim Berners-Lee; maintained by WHATWG

Công cụ chuyển đổi HTML

MD

Văn bản Markdown

Markdown là cú pháp đánh dấu gọn nhẹ do John Gruber tạo ra năm 2004. Cú pháp dùng các ký hiệu văn bản thuần, như # cho tiêu đề, * cho nhấn mạnh và - cho danh sách, vẫn dễ đọc ở dạng văn bản thô và chuyển sang HTML gọn gàng. Markdown là tiêu chuẩn cho tệp README, tài liệu kỹ thuật, wiki, ứng dụng ghi chú và nhiều trình tạo trang tĩnh. Có nhiều phương ngữ, như CommonMark và GitHub Flavored Markdown, khác nhau ở các chi tiết như bảng. Mọi trình soạn thảo văn bản đều mở được tệp .md.

Nén: –
Độ trong suốt: –
Ảnh động: –
Ra mắt: 2004 · John Gruber

Công cụ chuyển đổi MD

HTML được chuyển sang Markdown khi nội dung rời khỏi nơi hiển thị nó: blog chuyển sang trình tạo trang tĩnh, trung tâm trợ giúp đưa vào kho tài liệu dựa trên Git, hoặc bài viết lưu vào kho Obsidian, nơi văn bản thuần dễ đọc quan trọng hơn thẻ định dạng.

Câu hỏi về chuyển HTML sang MD

Có thể chuyển trang web đã lưu kèm cả hình ảnh không?

Công cụ đọc file .html mà bạn tải lên. Các thẻ ảnh trở thành liên kết ảnh Markdown trỏ đến đúng đường dẫn hoặc URL mà trang đã dùng, nên ảnh lưu trữ trực tuyến vẫn hiển thị bình thường. Thư mục ảnh cục bộ do trình duyệt tạo khi dùng Save Page As không được tải lên cùng file; hãy sao chép nó vào cạnh file .md thì các đường dẫn tương đối vẫn khớp.

Menu, thanh bên và chân trang sẽ được xử lý thế nào?

Toàn bộ nội dung trong file đều được chuyển đổi, vì công cụ không thể biết phần nào của trang là bài viết. Để có kết quả gọn, hãy lưu bài viết không kèm giao diện nếu CMS cho phép, hoặc sau đó xóa các dòng điều hướng ở đầu và cuối file Markdown.

Làm sao chuyển bài viết WordPress sang Hugo hoặc Jekyll?

Tính năng xuất tích hợp của WordPress tạo ra file XML chứ không phải HTML, vì vậy hãy chuyển HTML của từng bài viết, sao chép từ trình soạn thảo mã hoặc lưu từ trình duyệt. Sau đó thêm front matter vào đầu mỗi file .md, tức khối nằm giữa hai dòng ba dấu gạch ngang, chứa tiêu đề, ngày đăng và thẻ. Cả Hugo lẫn Jekyll đều đọc thông tin từ đó.

Vì sao một số bảng trông lạ khi sang Markdown?

Bảng Markdown, do GitHub Flavored Markdown bổ sung, chỉ có một hàng tiêu đề và không có ô gộp. Bảng HTML đơn giản được chuyển gọn gàng; bảng dùng colspan, rowspan hoặc danh sách lồng nhau không có dạng tương ứng trong Markdown nên sẽ bị làm phẳng. Markdown cho phép chèn HTML thô, vì vậy bạn có thể dán lại bảng gốc ở nơi cần giữ bố cục.

Markdown có phải định dạng tốt để đưa trang web vào công cụ AI hay tìm kiếm không?

Thường là có. Markdown giữ lại cấu trúc quan trọng gồm tiêu đề, danh sách, liên kết và nhấn mạnh, đồng thời bỏ thuộc tính, script và kiểu dáng, nên cùng một bài viết sẽ ngắn hơn nhiều và dễ xử lý hơn. Hãy dùng HTML sang TXT nếu bạn không muốn giữ bất kỳ thẻ định dạng nào.