แปลง Markdown เป็นสไลด์

โครงสร้างของสไลด์

# สไลด์เปิด

ข้อความหัวข้อย่อยตรงนี้

---

## สไลด์ที่สอง

- หัวข้อย่อยหนึ่ง
- หัวข้อย่อยสอง
- หัวข้อย่อยสาม

Note: นี่คือโน้ตผู้บรรยายที่มองเห็นได้เฉพาะในโหมดผู้นำเสนอ

---

## สไลด์โค้ด

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`

• --- (ขีดกลางสามตัวในบรรทัดของตัวเอง) เริ่มสไลด์แนวนอนใหม่
• -- (ขีดกลางสองตัว) เริ่มสไลด์แนวตั้งภายในคอลัมน์สไลด์ปัจจุบัน, กดลูกศรลงเพื่อเลื่อนลง
• Note: ที่ต้นย่อหน้าจะกลายเป็นโน้ตผู้บรรยาย

การนำทางด้วยคีย์บอร์ด

เทคนิคการจัดวาง

• การจัดวางสองคอลัมน์: ใช้ HTML ดิบภายในสไลด์, <div class="columns">...</div>
• การเปิดเผยเป็นส่วน ๆ: รายการหัวข้อย่อยจะปรากฏทีละรายการด้วยแอตทริบิวต์ {.fragment} เมื่อใช้ Reveal.js โดยตรง เพิ่มเป็น HTML ดิบได้หากจำเป็น
• ภาพพื้นหลัง: แอตทริบิวต์ระดับสไลด์ <!-- .slide: data-background="url" --> กำหนดพื้นหลังแบบเต็มจอ
• แอนิเมชันอัตโนมัติระหว่างสไลด์: Reveal 4 รองรับการเปลี่ยนภาพอย่างลื่นไหลสำหรับองค์ประกอบที่ตรงกัน, เปิดใช้งานในการตั้งค่าธีม

การส่งออกเป็น PDF

จากตัวอย่างแบบเรียลไทม์ ให้เปิด ?print-pdf ใน URL ของเบราว์เซอร์ แล้วใช้กล่องโต้ตอบการพิมพ์ของเบราว์เซอร์ เลือก A4 แนวนอน เปิดกราฟิกพื้นหลัง และตั้งขอบให้น้อยที่สุด Reveal.js จะแสดงหนึ่งสไลด์ต่อหนึ่งหน้า พร้อมโน้ตผู้บรรยายในหน้าเสริมที่เลือกได้

เมื่อใดที่สไลด์แบบ Markdown โดดเด่น

• การบรรยายทางเทคนิคที่มีตัวอย่างโค้ดจำนวนมาก
• ชุดสไลด์ที่เน้นเนื้อหาเป็นหลัก โดยการจัดวางเป็นเรื่องรอง
• เอกสารในรูปแบบสไลด์, เก็บงานนำเสนอไว้ข้างไฟล์ README ของโปรเจกต์ใน git
• สื่อการฝึกอบรมที่ควบคุมเวอร์ชัน

เมื่อใดที่ไม่เหมาะ

• คีย์โน้ตที่เน้นการออกแบบ พร้อมการวางภาพอย่างแม่นยำ
• สไลด์ที่ต้องการแอนิเมชันซับซ้อนหรือการจับเวลาวิดีโอที่ฝังอยู่
• ชุดสไลด์ที่ควบคุมโดยแบรนด์ ซึ่งเทมเพลตกำหนดทุกรายละเอียด