Cách Chuyển đổi Markdown sang HTML Từng Bước Một
Trả lời nhanh
Để chuyển Markdown sang HTML: dán văn bản Markdown vào Markdown to HTML Converter và HTML render xuất hiện ngay. Công cụ hỗ trợ headings, bold, italic, danh sách, link, hình ảnh, code block và bảng. Tất cả xử lý xảy ra cục bộ.
Giới thiệu
Markdown là ngôn ngữ markup nhẹ dùng định dạng plain text để tạo tài liệu cấu trúc. Nó là chuẩn cho tệp README, tài liệu, blog post và bình luận trên GitHub và Reddit. HTML là định dạng trình duyệt render. Chuyển Markdown sang HTML cho phép xuất bản nội dung Markdown trên web.
Từng bước một
-
Mở công cụ chuyển đổi Markdown sang HTML
Đi tới trang công cụ Markdown to HTML. Công cụ chấp nhận bất kỳ văn bản Markdown nào làm đầu vào.
-
Dán văn bản Markdown của bạn
Dán Markdown của bạn vào vùng văn bản đầu vào. Cú pháp phổ biến: # cho H1, **bold** cho chữ đậm, *italic* cho chữ nghiêng, - cho các mục danh sách, [text](url) cho liên kết,  cho hình ảnh và ``` cho các khối mã.
-
Xem lại đầu ra HTML
Công cụ này phân tích cú pháp Markdown và xuất ra HTML ngay lập tức. Ví dụ: # Xin chào trở thành <h1>Xin chào</h1>, **bold** trở thành <strong>bold</strong>. HTML xuất hiện trong trường đầu ra.
-
Sao chép HTML
Nhấp vào Sao chép để sao chép HTML vào khay nhớ tạm của bạn. Dán nó vào trang web, CMS hoặc mẫu email của bạn. HTML sẵn sàng hiển thị trong mọi trình duyệt.
-
Xem trước kết quả được hiển thị (tùy chọn)
Một số công cụ cũng hiển thị bản xem trước trực tiếp về cách HTML hiển thị trong trình duyệt. Điều này giúp bạn xác minh chuyển đổi trước khi sao chép HTML.
Ví dụ
Tiêu đề và đoạn văn
đầu vào: #Xin chào thế giới
Đây là một đoạn văn.
đầu ra: <h1>Hello World</h1>
<p>This is a paragraph.</p>
In đậm, in nghiêng và liên kết
đầu vào: **bold** and *italic* and [link](https://example.com)
đầu ra: <strong>bold</strong> and <em>italic</em> and <a href="https://example.com">link</a>
Danh sách không có thứ tự
đầu vào: - Mục 1
- Mục 2
- Mục 3
đầu ra: <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Khối mã
đầu vào: ```
const x = 42;
```
đầu ra: <pre><code>const x = 42;</code></pre>
Các vấn đề thường gặp
- HTML thô trong Markdown —hầu hết các trình phân tích cú pháp Markdown đều chuyển qua HTML thô, nhưng một số sẽ lọc sạch nó. Kiểm tra hoạt động của trình phân tích cú pháp nếu bạn nhúng HTML.
- Danh sách lồng nhau — vấn đề thụt lề. Sử dụng nhất quán 2 hoặc 4 dấu cách cho các mục trong danh sách lồng nhau; trộn chúng có thể phá vỡ cấu trúc danh sách.
- Các ký tự đặc biệt —các ký tự như <, > và & trong văn bản Markdown phải được thoát dưới dạng <, >, & trong HTML. Trình phân tích cú pháp thường tự động xử lý việc này.
- Ngắt dòng —trong Markdown tiêu chuẩn, một dòng mới không tạo ra ngắt dòng; bạn cần hai dấu cách ở cuối dòng hoặc hai dòng mới để ngắt đoạn.
Mẹo
- Sử dụng Markdown để viết và ghi tài liệu, sau đó chuyển đổi sang HTML để xuất bản —Markdown dễ đọc và viết hơn nhiều so với HTML.
- GitHub Flavored Markdown (GFM) thêm các bảng, gạch ngang và danh sách nhiệm vụ lên trên Markdown tiêu chuẩn — hãy kiểm tra xem công cụ của bạn có hỗ trợ các tiện ích mở rộng này hay không.
- Đối với các bài đăng trên blog, hãy viết bằng Markdown và chuyển đổi thành HTML tại thời điểm xây dựng (các trình tạo trang tĩnh như Astro, Hugo, Jekyll sẽ tự động thực hiện việc này).
- Sử dụng Công cụ chuyển đổi Markdown sang HTML của chúng tôi để chuyển đổi tức thì, riêng tư —nội dung của bạn không bao giờ rời khỏi trình duyệt.