Markdown เป็นวิธีง่ายๆ ในการจัดรูปแบบข้อความด้วยตัวอักษรธรรมดา ใช้ทุกที่ — GitHub, Reddit, Notion, Discord, เอกสารเทคนิค และแพลตฟอร์มอื่นอีกมากมาย แทนที่จะคลิกปุ่มเพื่อทำข้อความตัวหนาหรือสร้างหัวข้อ คุณพิมพ์สัญลักษณ์ง่ายๆ บทเรียนนี้สอนสิ่งจำเป็นและให้ฝึกด้วย พรีวิว Markdown ฟรี
สิ่งที่ต้องใช้
- เว็บเบราว์เซอร์ (Chrome, Firefox, Safari หรือ Edge)
- ไม่ต้องมีบัญชีหรือติดตั้ง
- ประมาณ 10 นาทีเพื่อเรียนรู้พื้นฐาน
คู่มือทีละขั้นตอน
เปิดเครื่องมือพรีวิว Markdown
ไปที่เครื่องมือ พรีวิว Markdown จะเห็นตัวแก้ไขแบบแบ่งหน้าจอ: ด้านซ้ายสำหรับเขียน Markdown และด้านขวาแสดงพรีวิวที่จัดรูปแบบเรียลไทม์ ทุกอย่างที่พิมพ์ปรากฏในพรีวิวทันที
เรียนรู้ไวยากรณ์พื้นฐาน
เริ่มพิมพ์ในตัวแก้ไขเพื่อทดลอง Markdown ไวยากรณ์หลักง่ายและเรียนรู้ได้ในไม่กี่นาที ฝึกกับตัวอย่างด้านล่าง — พิมพ์ด้านซ้ายแล้วดูผลลัพธ์ที่จัดรูปแบบปรากฏด้านขวา
เขียนเอกสาร
เขียนเนื้อหาจริง ใช้หัวข้อเพื่อจัดโครงสร้างเอกสาร รายการเพื่อจัดระเบียบข้อมูล และข้อความตัวหนาหรือเอียงเพื่อเน้น พรีวิวเรียลไทม์ช่วยให้รู้ว่าผลลัพธ์สุดท้ายเป็นอย่างไรขณะพิมพ์
ส่งออกหรือคัดลอกผลลัพธ์
เมื่อเอกสารเป็นอย่างที่ต้องการ คัดลอกข้อความ Markdown เพื่อใช้บนแพลตฟอร์มที่รองรับ หรือส่งออกผลลัพธ์ที่จัดรูปแบบ เนื้อหา Markdown วางใน GitHub, Reddit, Notion หรือตัวแก้ไข Markdown อื่นได้
ควรรู้ Markdown ออกแบบมาให้อ่านได้แม้ไม่ได้เรนเดอร์ เอกสาร Markdown ดูสะอาดและมีโครงสร้างเป็นข้อความธรรมดา นี่เป็นเหตุผลหนึ่งที่มันได้รับความนิยม
ไวยากรณ์ Markdown ที่จำเป็น
หัวข้อ
ใช้สัญลักษณ์ # เพื่อสร้างหัวข้อ # มากกว่าหมายถึงหัวข้อเล็กกว่า:
# หัวข้อ 1 (ใหญ่ที่สุด)
## หัวข้อ 2
### หัวข้อ 3
#### หัวข้อ 4
ข้อความตัวหนาและเอียง
ครอบข้อความด้วยเครื่องหมายดอกจันเพื่อเน้น:
**ข้อความตัวหนา**
*ข้อความตัวเอียง*
***ข้อความตัวหนาและเอียง***
รายการ
สร้างรายการไม่เรียงลำดับด้วยขีด และรายการเรียงลำดับด้วยตัวเลข:
- รายการแรก
- รายการที่สอง
- รายการที่สาม
1. ขั้นตอนที่หนึ่ง
2. ขั้นตอนที่สอง
3. ขั้นตอนที่สาม
ลิงก์
สร้างลิงก์คลิกได้ด้วยวงเล็บเหลี่ยมและวงเล็บกลม:
[ข้อความลิงก์](https://example.com)
โค้ด
ใช้ backtick สำหรับโค้ดในบรรทัดและ backtick สามตัวสำหรับบล็อกโค้ด:
ในบรรทัด: `console.log("hello")`
บล็อกโค้ด:
```javascript
function greet(name) {
return "Hello, " + name;
}
```
เคล็ดลับ ไม่ต้องจำทั้งหมดทีเดียว เริ่มด้วยหัวข้อ ตัวหนา และรายการ — สามอย่างนี้ครอบคลุม 80% ของการเขียน Markdown ทั่วไป เพิ่มไวยากรณ์อื่นเมื่อต้องการ
รูปภาพ
เพิ่มรูปภาพด้วยเครื่องหมายอัศเจรีย์ก่อนไวยากรณ์ลิงก์:
Blockquote
ใช้ > เพื่อสร้างข้อความอ้างอิง:
> นี่คือ blockquote
> สามารถขยายหลายบรรทัด
Markdown ใช้ที่ไหน
| แพลตฟอร์ม | ใช้ Markdown อย่างไร |
|---|---|
| GitHub | ไฟล์ README, issue, pull request, ความคิดเห็น |
| จัดรูปแบบโพสต์และความคิดเห็น | |
| Notion | เนื้อหาหน้าและเอกสาร |
| Discord | จัดรูปแบบข้อความ |
| Stack Overflow | คำถาม คำตอบ และความคิดเห็น |
| Static site generator | บล็อกโพสต์และเนื้อหาหน้า |
สำคัญ แพลตฟอร์มต่างๆ รองรับฟีเจอร์ Markdown ที่ต่างกันเล็กน้อย พื้นฐาน (หัวข้อ ตัวหนา ตัวเอียง รายการ ลิงก์) ใช้ได้ทุกที่ ฟีเจอร์ขั้นสูงเช่นตารางหรือเชิงอรรถแตกต่างตามแพลตฟอร์ม พรีวิวเสมอก่อนเผยแพร่บนแพลตฟอร์มใหม่
คำถามที่พบบ่อย
Markdown ต่างจาก HTML อย่างไร? Markdown ถูกแปลงเป็น HTML เบื้องหลัง เป็นวิธีง่ายกว่าในการเขียนข้อความที่จัดรูปแบบโดยไม่ต้องจำ HTML tag ที่ใดก็ตามที่รับ Markdown จะเรนเดอร์เป็น HTML
ใช้ Markdown สำหรับเอกสารเป็นทางการได้ไหม? ได้ ทีมหลายทีมใช้ Markdown สำหรับเอกสาร ข้อเสนอ และรายงาน มีเครื่องมือแปลง Markdown เป็น PDF, Word และรูปแบบงานนำเสนอ
ไวยากรณ์เหมือนกันทุกที่ไหม? ไวยากรณ์หลักเป็นสากล บางแพลตฟอร์มเพิ่มส่วนขยาย (เช่น GitHub Flavored Markdown ที่เพิ่มตารางและรายการงาน) พื้นฐานที่ครอบคลุมในบทเรียนนี้ใช้ได้ทุกที่
ขั้นตอนถัดไป
เมื่อรู้จัก Markdown แล้ว ลองเขียน README สำหรับโปรเจกต์ จัดรูปแบบบล็อกโพสต์ หรือสร้างเอกสารเทคนิค สำหรับงานจัดรูปแบบขั้นสูง สำรวจ ตัวจัดรูปแบบ JSON สำหรับเอกสารโค้ด หรือ ตัวแก้ไข PDF สำหรับเอกสารผลลัพธ์สุดท้าย