วิธีแปลง Markdown เป็น HTML ทีละขั้นตอน
ตอบด่วน
วิธีแปลง Markdown เป็น HTML: วางข้อความ Markdown ใน Markdown to HTML Converter HTML ที่ render จะปรากฏทันที รองรับ headings, bold, italic, lists, links, images, code blocks, tables การประมวลผลเกิดในเครื่อง
การแนะนำ
Markdown เป็นภาษา markup น้ำหนักที่ใช้ plain text formatting สร้างเอกสารโครงสร้าง เป็นมาตรฐานสำหรับ README, เอกสาร, blog post และคอมเมนต์บน GitHub และ Reddit HTML คือรูปแบบที่เบราว์เซอร์ render การแปลง Markdown เป็น HTML ทำให้เผยแพร่เนื้อหา Markdown บนเว็บ
ทีละขั้นตอน
-
เปิด Markdown เป็น HTML Converter
ไปที่หน้าเครื่องมือ Markdown to HTML เครื่องมือยอมรับข้อความ Markdown ใด ๆ เป็นอินพุต
-
วางข้อความ Markdown ของคุณ
วาง Markdown ของคุณลงในพื้นที่ข้อความอินพุต ไวยากรณ์ทั่วไป: # สำหรับ H1, **ตัวหนา** สำหรับตัวหนา, *ตัวเอียง* สำหรับตัวเอียง - สำหรับรายการ, [ข้อความ](url) สำหรับลิงก์,  สำหรับรูปภาพ และ ``` สำหรับการบล็อกโค้ด
-
ตรวจสอบเอาต์พุต HTML
เครื่องมือจะแยกวิเคราะห์ Markdown และส่งออก HTML ทันที ตัวอย่างเช่น # Hello กลายเป็น <h1>สวัสดี</h1> **ตัวหนา** กลายเป็น <strong>ตัวหนา</strong> HTML ปรากฏในฟิลด์เอาต์พุต
-
คัดลอก HTML
คลิกคัดลอกเพื่อคัดลอก HTML ไปยังคลิปบอร์ดของคุณ วางลงในเว็บไซต์ CMS หรือเทมเพลตอีเมลของคุณ HTML พร้อมที่จะแสดงผลในทุกเบราว์เซอร์
-
ดูตัวอย่างผลลัพธ์ที่แสดงผล (ไม่บังคับ)
เครื่องมือบางอย่างยังแสดงตัวอย่างสดว่า HTML แสดงผลอย่างไรในเบราว์เซอร์ ซึ่งจะช่วยคุณยืนยันการแปลงก่อนที่จะคัดลอก HTML
ตัวอย่าง
หัวเรื่องและย่อหน้า
ป้อนข้อมูล: #สวัสดีชาวโลก
นี่คือย่อหน้า
เอาท์พุต: <h1>Hello World</h1>
<p>This is a paragraph.</p>
ตัวหนา ตัวเอียง และลิงก์
ป้อนข้อมูล: **bold** and *italic* and [link](https://example.com)
เอาท์พุต: <strong>bold</strong> and <em>italic</em> and <a href="https://example.com">link</a>
รายการที่ไม่เรียงลำดับ
ป้อนข้อมูล: - รายการที่ 1
- รายการที่ 2
- ข้อ 3
เอาท์พุต: <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
บล็อกรหัส
ป้อนข้อมูล: ```
const x = 42;
```
เอาท์พุต: <pre><code>const x = 42;</code></pre>
ปัญหาทั่วไป
- Raw HTML ใน Markdown — ตัวแยกวิเคราะห์ Markdown ส่วนใหญ่ผ่าน raw HTML แต่บางตัวก็ฆ่าเชื้อได้ ตรวจสอบพฤติกรรมของ parser หากคุณฝัง HTML
- รายการที่ซ้อนกัน—การเยื้องมีความสำคัญ ใช้ช่องว่าง 2 หรือ 4 ช่องอย่างสม่ำเสมอสำหรับรายการแบบซ้อน การผสมพวกมันสามารถทำลายโครงสร้างรายการได้
- อักขระพิเศษ —อักขระเช่น <, > และ & ในข้อความ Markdown ควรยกเว้นเป็น <, >, & ใน HTML Parsers มักจะจัดการสิ่งนี้โดยอัตโนมัติ
- การขึ้นบรรทัดใหม่ — ใน Markdown มาตรฐาน การขึ้นบรรทัดใหม่เพียงบรรทัดเดียวจะไม่สร้างการขึ้นบรรทัดใหม่ คุณต้องมีช่องว่างสองช่องที่ท้ายบรรทัดหรือสองบรรทัดใหม่เพื่อแบ่งย่อหน้า
เคล็ดลับ
- ใช้ Markdown สำหรับการเขียนและเอกสาร จากนั้นแปลงเป็น HTML เพื่อการเผยแพร่ —Markdown อ่านและเขียนได้ง่ายกว่า HTML มาก
- GitHub Flavoured Markdown (GFM) เพิ่มตาราง ขีดทับ และรายการงานที่ด้านบนของ Markdown มาตรฐาน — ตรวจสอบว่าเครื่องมือของคุณรองรับส่วนขยายเหล่านี้หรือไม่
- สำหรับโพสต์บนบล็อก ให้เขียนใน Markdown และแปลงเป็น HTML ณ เวลาสร้าง (เครื่องมือสร้างไซต์แบบคงที่ เช่น Astro, Hugo, Jekyll จะดำเนินการนี้โดยอัตโนมัติ)
- ใช้ Markdown to HTML Converter ของเราเพื่อการแปลงแบบส่วนตัวทันที เนื้อหาของคุณจะไม่มีวันออกจากเบราว์เซอร์