Markdown เป็น HTML

Markdown: เขียนเอกสารจัดรูปแบบได้โดยไม่ต้องยุ่งยาก

Markdown ช่วยให้คุณสร้างเอกสารที่จัดรูปแบบสวยงามได้โดยใช้แค่ข้อความธรรมดา ไม่ต้องคลิกเมนู ไม่ต้องต่อสู้กับ word processor พิมพ์ # สำหรับหัวข้อ **ครอบข้อความด้วยดาวคู่** สำหรับตัวหนา ใส่ - สำหรับรายการ แค่นี้ก็เริ่มได้แล้ว เป็นรูปแบบหลักบน GitHub, Notion และแพลตฟอร์มบล็อกส่วนใหญ่

ความแตกต่างระหว่าง Markdown กับ HTML

Markdown จะถูกแปลงเป็น HTML เพื่อแสดงผล อ่านง่ายกว่าการเขียน HTML โดยตรงมาก เหมาะสำหรับบทความบล็อกและเอกสารเทคนิค แต่ถ้าต้องการควบคุมสไตล์อย่างละเอียด การใช้ HTML โดยตรงอาจเหมาะกว่า ทั้งสองใช้ร่วมกันได้เพราะ parser Markdown ส่วนใหญ่รองรับ inline HTML

สรุปไวยากรณ์ Markdown แบบเร็วๆ

พื้นฐานง่ายมาก # ให้ h1, ## ให้ h2 ไปจนถึง ###### **ตัวหนา** และ *ตัวเอียง* ใช้ได้ตรงตามที่เห็น รายการแบบจุดเริ่มด้วย - หรือ * รายการลำดับเริ่มด้วย 1. 2. 3. ลิงก์เขียนว่า [คลิกที่นี่](https://example.com) รูปภาพเหมือนกันแต่ใส่ ! ข้างหน้า โค้ดอินไลน์ครอบด้วย backtick บล็อกโค้ดใช้ backtick สามตัว ตารางต้องใช้ pipes (|) กับขีด (-) ซึ่งยุ่งกว่านิดหน่อยแต่ก็ทำได้

Markdown อยู่ทุกที่เลยจริงๆ

ถ้าใช้ GitHub ก็กำลังเขียน Markdown อยู่แล้ว -- README, issue กับคำอธิบาย pull request ใช้มันหมด Notion, Obsidian กับ Slack ก็เข้าใจ shortcut ของ Markdown เหมือนกัน ตัวสร้างเว็บแบบ static อย่าง Jekyll, Hugo กับ Astro ใช้ไฟล์ Markdown เป็นแหล่งเนื้อหา เอกสารเทคนิค บล็อก วิกิ ฐานความรู้ภายใน -- Markdown กลายเป็นรูปแบบการเขียนเริ่มต้นในโลกเทค คุ้มค่าที่จะเรียนแม้ไม่ใช่ developer

เขียน Markdown ให้ดี: สิ่งที่คนส่วนใหญ่ทำผิด

อย่าข้ามระดับหัวข้อ ข้ามจาก # ไป ### ตรงๆ จะทำลายโครงสร้างเอกสารและทำให้ screen reader สับสน ใส่บรรทัดว่างระหว่างย่อหน้าเสมอ (Markdown ไม่สนใจการขึ้นบรรทัดเดียว) เขียนบล็อกโค้ดให้ระบุภาษา (เช่น ```javascript) จะได้มี syntax highlighting เอกสารยาวๆ ให้เพิ่มสารบัญ ผู้อ่านจะขอบคุณ แล้วก็ดูตัวอย่างก่อนเผยแพร่เสมอ เพราะ Markdown อาจ render ต่างกันนิดหน่อยในแต่ละแพลตฟอร์ม