รู้จัก Markdown (MD)

วิธีเขียนข้อความให้จัดรูปแบบเองด้วยสัญลักษณ์ง่าย ๆ — ภาษาเดียวที่ใช้ทำเอกสารทั้งเว็บ

Markdown = พิมพ์ข้อความธรรมดา แล้วใส่สัญลักษณ์นิด ๆ (เช่น # ** -) เพื่อบอกว่าอันไหนหัวข้อ อันไหนตัวหนา อันไหนลิสต์ — ไม่ต้องกดปุ่มจัดหน้าเหมือน Word เซฟเป็นไฟล์ .md เปิดที่ไหนก็ได้ และ GitHub / Docusaurus / Astro ใช้ตัวนี้หมด

ทำไมต้องใช้

เขียนเร็ว

โฟกัสที่เนื้อหา ไม่เสียเวลาจัดหน้า มือไม่ต้องออกจากคีย์บอร์ด

เปิดได้ทุกที่

เป็น text ธรรมดา เปิด/แก้ได้ทุกเครื่อง ทุกโปรแกรม ไม่ผูกกับ Word

เข้ากับ Git & เว็บ

track การแก้ใน Git ได้ และเว็บ docs แปลงเป็นหน้าสวยให้อัตโนมัติ

สัญลักษณ์ที่ใช้บ่อย (Cheat Sheet)

เขียนแบบนี้ได้แบบนี้
# หัวข้อใหญ่

หัวข้อใหญ่

## หัวข้อรองหัวข้อรอง
**ตัวหนา**ตัวหนา
*ตัวเอียง*ตัวเอียง
- ข้อ 1 - ข้อ 2• ข้อ 1  • ข้อ 2
1. ข้อแรก 2. ข้อสอง1. ข้อแรก  2. ข้อสอง
[ข้อความ](https://...)ข้อความ (คลิกได้)
![คำอธิบาย](รูป.png)🖼️ แทรกรูปภาพ
`โค้ดสั้น`โค้ดสั้น
> ข้อความอ้างอิงข้อความอ้างอิง
- [ ] ยังไม่เสร็จ - [x] เสร็จแล้ว☐ ยังไม่เสร็จ  ☑ เสร็จแล้ว
---เส้นคั่นแนวนอน ⎯⎯⎯

ลองดูของจริง

ไฟล์ .md ที่พิมพ์
# คู่มือการเข้าสู่ระบบ

## ขั้นตอน
1. กดปุ่ม **เข้าสู่ระบบ**
2. กรอกอีเมลและรหัสผ่าน

> หมายเหตุ: ลืมรหัส? กด `ลืมรหัสผ่าน`

[ดูวิดีโอ](https://...)
แสดงผลบนเว็บ

คู่มือการเข้าสู่ระบบ

ขั้นตอน

1. กดปุ่ม เข้าสู่ระบบ
2. กรอกอีเมลและรหัสผ่าน

หมายเหตุ: ลืมรหัส? กด ลืมรหัสผ่าน

ดูวิดีโอ

💡 MDX คืออะไร: Markdown เวอร์ชันที่แทรก component/HTML ได้ (เช่นการ์ด, กล่องเตือน :::tip) — Docusaurus/Astro ใช้ MDX เลยทำหน้าเอกสารสวย ๆ ได้ เขียนพื้นฐานเหมือน Markdown ทุกอย่าง