Slide Markdown

Tại sao dùng Markdown cho slide?

PowerPoint và Keynote xuất sắc trong thiết kế slide nhưng kém ở hầu hết mọi thứ khác. Chúng khó version-control, khó diff, khó chỉnh sửa trên điện thoại, khó giữ nhất quán trong nhóm, và không thể grep. Markdown giải quyết «everything else» mà không cố cạnh tranh về thiết kế thị giác, và với nội dung kỹ thuật (code mẫu, terminal output, hướng dẫn command-line, danh sách bullet) nó nhanh hơn bất kỳ GUI tool nào để soạn.

Định dạng là văn bản thuần túy, nên nó tồn tại tự nhiên trong git, mở trong bất kỳ trình soạn thảo nào, chỉnh sửa trong bất kỳ công cụ nào từ VS Code đến vim đến ứng dụng ghi chú điện thoại, và sống sót qua 30 năm thay đổi phần mềm. Đánh đổi: bạn từ bỏ kiểm soát thiết kế pixel-perfect. Với all-hands kỹ thuật, bài thuyết trình hội nghị, bộ slide hướng dẫn README, tài liệu lớp học và lightning talk, đó là đánh đổi tốt. Với sales pitch và bộ slide marketing, PowerPoint hoặc Figma có thể vẫn thắng.

Quy ước ---

Ba dấu gạch ngang trên dòng riêng là cú pháp Markdown hiện có cho đường kẻ ngang, được định nghĩa trong CommonMark và tái sử dụng làm dấu phân tách slide trong toàn bộ hệ sinh thái Markdown-slides, reveal.js, Marp, Slidev và hầu hết các công cụ nhỏ hơn đều dùng nó. Quy ước này không mơ hồ (đường kẻ ngang thực vẫn hoạt động bên trong một slide; --- chỉ phân tách khi nó nằm trên dòng riêng) và dễ gõ. Bạn viết bộ slide như một tài liệu Markdown liên tục và công cụ tự phân đoạn lại về mặt thị giác.

Hệ sinh thái Markdown-Slides năm 2026

• reveal.js (Hakim El Hattab, từ năm 2011), thư viện trình chiếu dựa trên trình duyệt tiên phong. Lưới slide dọc và ngang, hiệu ứng chuyển tiếp, ghi chú diễn giả (cú pháp Notes:), nguồn Markdown qua thuộc tính data-markdown. Tên tuổi phổ biến nhất; slides.com lưu trữ nó dưới dạng SaaS.
• Marp: dự án Markdown-to-slides chuyên dụng phổ biến nhất. Dựa trên CommonMark, đi kèm CLI, extension VS Code và Marp Core. Xuất PDF xuất sắc. Frontmatter cho theme và tỉ lệ khung hình.
• Slidev (Anthony Fu), mới hơn (2021), dựa trên Vue, hiện đại. Được thiết kế cho bài nói kỹ thuật: tô sáng code tích hợp, nhúng code trong slide, chế độ xem diễn giả, vẽ trên slide trong khi trình bày.
• remark.js (Ole Petter Bang), tối giản, nhúng một file. Được yêu thích vì không áp đặt quan điểm.
• HackMD: biến thể chỉnh sửa cộng tác. Dựa trên trình duyệt, cần tài khoản, đồng bộ hóa trên các thiết bị.

Công cụ này lấp đầy một vị thế khác: không cài đặt, không tài khoản, không tải lên. Dán vào, trình bày, đóng tab. Đây là lựa chọn phù hợp khi bạn chuẩn bị lightning talk 5 phút trên laptop mượn, hoàn thiện slide trên chuyến bay, hoặc soạn thảo trong phòng họp mà không muốn khởi động Marp hay đăng nhập slides.com.

Giải thích tỉ lệ khung hình

Bộ slide hiện đại mặc định là 16:9, mọi máy chiếu hội nghị được sản xuất trong thập kỷ qua đều có diện tích 16:9, và 16:9 khớp với mọi màn hình laptop và TV hiện đại. Viewport ở đây kết xuất 16:9 để phù hợp. Bộ slide cũ dùng 4:3 (tỉ lệ gốc của máy chiếu CRT); laptop cũ đôi khi là 16:10. Mặc định của PowerPoint đã là 16:9 kể từ phiên bản 2013; Google Slides mặc định 16:9 khi tạo; mặc định của Keynote cũng là 16:9.

Các trường hợp sử dụng phổ biến

• All-hands kỹ thuật và demo day. Dẫn dắt nhóm qua thay đổi code, kiến trúc mới, hoặc retrospective sự cố.
• Bài nói hội nghị và meetup. Đặc biệt là bài nói cho khán giả kỹ thuật nơi bộ slide cần code mẫu diff gọn trong pull request.
• Hướng dẫn README. Giới thiệu 6 slide về một thư viện, nhúng trong tài liệu dự án.
• Lightning talk. Bài nói 5 phút, khoảng 5 slide, nơi nghi lễ là kẻ thù.
• Tài liệu lớp học. Chỉnh sửa slide trực tiếp khi bạn dạy; học sinh có thể sao chép nguồn Markdown cho ghi chú của họ.
• Đào tạo nội bộ. Bộ slide onboarding được version hóa và code-review cùng codebase chúng giảng dạy.
• Tài liệu tóm tắt trước cuộc họp. Pre-read 3 slide gửi dưới dạng Markdown mà người nhận có thể xem trước trong trình soạn thảo của họ.

Các nguyên tắc thiết kế slide quan trọng ngay cả trong Markdown

• Một ý tưởng mỗi slide. Quy tắc cổ điển. Nếu một slide có hai suy nghĩ, hãy tách ra.
• Ít văn bản hơn, nhiều cấu trúc hơn. Nếu slide đọc như một đoạn văn, diễn giả đang đọc slide. Thu gọn thành bullet point và để diễn giả điền vào phần văn xuôi.
• Font to hơn bạn nghĩ. Slide Markdown mặc định cỡ chữ thân khoảng 24-32 px tương đương. Bất cứ thứ gì dưới khoảng 18 px đều không đọc được từ phía sau phòng hội nghị.
• Một H1 mỗi slide. Nhiều tiêu đề cấp cao nhất trên cùng một slide tạo ra sự nhầm lẫn thị giác.
• Giữ khối code ngắn. Sáu dòng là tối đa thoải mái trên slide 16:9. Đoạn code dài hơn cần được tách hoặc hiển thị được tô sáng theo từng phần.
• Bắt mỗi hình ảnh phải xứng đáng chỗ của nó. Ảnh stock làm trang trí là hàng độn. Sơ đồ, ảnh chụp màn hình và hình ảnh hóa dữ liệu là tín hiệu.

Quyền riêng tư

Bộ slide thường là bảo mật: pitch deck, chiến lược nội bộ, số liệu tài chính, demo sản phẩm trước khi ra mắt. Công cụ này chạy hoàn toàn trong trình duyệt của bạn: Markdown ở trong textarea, quá trình kết xuất diễn ra cục bộ, và trình chiếu toàn màn hình đọc từ cùng trạng thái trong bộ nhớ. Không có gì được tải lên, không cần tài khoản, và đóng tab xóa tất cả. Các phương án thay thế được lưu trữ trên máy chủ (slides.com, HackMD, GitPitch) yêu cầu tin tưởng vào chính sách xử lý dữ liệu của nhà điều hành; cái này loại bỏ câu hỏi đó hoàn toàn.

Các lỗi thường gặp

1. Dán toàn bộ đoạn văn vào một slide. Nếu khán giả đọc nó, họ không lắng nghe diễn giả. Tách thành bullet point.
2. Cấp độ tiêu đề không nhất quán. Một slide có tiêu đề H1, slide tiếp theo H2, trông cẩu thả. Chọn một cấp độ cho tiêu đề slide và giữ nhất quán.
3. Khối code quá dài cho máy chiếu. Đoạn code 30 dòng không thể đọc từ hàng sau. Chỉ hiển thị 5-10 dòng liên quan, phần còn lại thay bằng // ....
4. Không có ghi chú diễn giả. Slide là công cụ hỗ trợ trí nhớ của khán giả, không phải của bạn. Ghi chú diễn giả (trong các công cụ hỗ trợ) chứa các điểm nói.
5. Quên tỉ lệ khung hình của máy chiếu. Nếu bạn soạn thảo trên laptop 16:10 và địa điểm dùng máy chiếu 4:3, nội dung sẽ bị cắt xén.
6. Quá nhiều hiệu ứng chuyển tiếp slide. Hoạt ảnh giữa các slide cảm thấy bóng bẩy trong demo nhưng tẻ nhạt trong bài nói 30 phút. Mặc định không có hiệu ứng hoặc chỉ fade đơn giản.
7. Dùng font đẹp bị hỏng trên máy của địa điểm. Bám vào system font, sans-serif cho thân văn bản, monospace cho code.

Câu hỏi thường gặp thêm

Tôi có thể xuất slide sang PDF không?

Có, vào chế độ toàn màn hình, sau đó dùng chức năng In của trình duyệt (Ctrl/Cmd + P) và chọn Lưu dưới dạng PDF. Hầu hết trình duyệt in các slide đã kết xuất một trang mỗi trang PDF. Kết quả là PDF văn bản thuần túy (không phải hình ảnh) nên nhỏ và có thể tìm kiếm.

Còn tô sáng cú pháp cho code thì sao?

Khối code có hàng rào kết xuất với monospace và nền tối nhẹ, giúp chúng dễ đọc trên theme toàn màn hình tối. Tô sáng cú pháp theo ngôn ngữ (từ khóa Python màu này, chuỗi màu khác) cần framework slide phức tạp hơn như reveal.js hoặc Slidev. Với lightning talk nhanh, điều này hiếm khi được nhận ra là thiếu; với bài nói dài nặng code, những công cụ đó phù hợp hơn.

Làm sao tôi nhúng hình ảnh?

Cú pháp hình ảnh Markdown chuẩn: ![alt text](https://your-image-url.png). Hình ảnh phải có thể truy cập từ web công cộng (hoặc từ máy tính cục bộ qua URL file://, nhưng file URL có thể bị chặn trên một số trình duyệt). Với hình ảnh nhạy cảm, dùng cú pháp liên kết của Markdown đến file cục bộ bạn phục vụ từ web server nhỏ cục bộ trong khi trình bày.

Công cụ này có hoạt động ngoại tuyến không?

Sau khi trang đã tải, có, quá trình kết xuất Markdown và điều hướng slide chạy cục bộ. Hình ảnh bên ngoài sẽ không tải được nếu không có mạng, vì vậy hãy nhúng hình ảnh dưới dạng data URI hoặc lưu trữ cục bộ nếu bạn sẽ trình bày ngoại tuyến.

Tôi có thể dùng bàn phím trong khi trình bày không?

Có, phím mũi tên / spacebar tiến, backspace quay lại, Escape thoát toàn màn hình, F bật/tắt toàn màn hình. Hầu hết remote điều hướng (remote Logitech không dây chuẩn, v.v.) mô phỏng cùng phím mũi tên, vì vậy chúng hoạt động mà không cần cấu hình.

Có dữ liệu nào được gửi lên máy chủ không?

Không. Kết xuất Markdown, phân đoạn slide, trình chiếu toàn màn hình, tất cả đều diễn ra trong trình duyệt của bạn. Nội dung bộ slide của bạn không được tải lên, ghi lại hay lưu trữ ở bất kỳ đâu trên phía máy chủ. Đóng tab xóa nội dung textarea.