Markdown sang Slide

Viết bài thuyết trình theo cách bạn viết README: tiêu đề Markdown, danh sách gạch đầu dòng, khối mã, phân tách bởi đường ngang --- thành các slide. Công cụ hiển thị bộ slide của bạn trực tiếp bằng Reveal.js (theme: black, white, simple, solarized), hỗ trợ ghi chú người thuyết trình với Note:, slide dọc lồng nhau với --, và xuất sang một tệp HTML độc lập hoặc một PDF sẵn sàng in.

Cách Markdown trở thành một bộ slide

  1. 1

    Viết Markdown

    Dùng `---` để phân tách slide. Tiêu đề, danh sách và khối mã chuẩn hoạt động như bình thường.

  2. 2

    Thêm ghi chú người thuyết trình

    Đặt tiền tố `Note:` trước một đoạn: nó chỉ hiện trong chế độ người thuyết trình.

  3. 3

    Xem trước bộ slide

    Xem trước trực tiếp hiển thị bộ slide với điều hướng bằng phím mũi tên.

  4. 4

    Chọn một theme

    Black, white, league, sky, simple, solarized: bất kỳ theme Reveal.js nào.

  5. 5

    Xuất

    Tệp HTML độc lập hoặc PDF qua in trình duyệt.

Cú pháp slide

# Opening slide

Subtitle text here

---

## Second slide

- Bullet one
- Bullet two
- Bullet three

Note: these are speaker notes only visible in presenter mode.

---

## Code slide

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`
  • --- (ba dấu gạch ngang trên dòng riêng) bắt đầu một slide ngang mới.
  • -- (hai dấu gạch ngang) bắt đầu một slide dọc bên trong cột slide hiện tại, nhấn phím mũi tên xuống để đi xuống.
  • Note: ở đầu một đoạn trở thành một ghi chú người thuyết trình.

Điều hướng bàn phím

Phím Hành động
Phải / Space Slide tiếp theo
Trái Slide trước
Xuống / Lên Điều hướng chồng dọc
s Mở chế độ người thuyết trình
o Tổng quan slide
f Toàn màn hình
? Hộp thoại trợ giúp

Mẹo bố cục

  • Bố cục hai cột: dùng HTML thô bên trong một slide, <div class="columns">...</div>.
  • Hiện dần fragment: danh sách gạch đầu dòng xuất hiện từng cái một với thuộc tính {.fragment} khi dùng trực tiếp Reveal.js. Thêm dưới dạng HTML thô nếu bạn cần.
  • Ảnh nền: thuộc tính cấp slide <!-- .slide: data-background="url" --> đặt một nền tràn viền.
  • Tự động hoạt ảnh giữa các slide: Reveal 4 hỗ trợ chuyển cảnh mượt cho các phần tử khớp nhau, bật nó trong cài đặt theme.

Xuất sang PDF

Từ bản xem trước trực tiếp, mở ?print-pdf trong URL trình duyệt và dùng hộp thoại in của trình duyệt. Chọn A4 ngang, bật đồ họa nền, lề tối thiểu. Reveal.js xuất một slide mỗi trang với ghi chú người thuyết trình trên các trang bổ sung tùy chọn.

Khi slide dựa trên Markdown tỏa sáng

  • Bài nói kỹ thuật với nhiều mẫu mã.
  • Bộ slide ưu tiên nội dung nơi bố cục là thứ yếu.
  • Tài liệu-dạng-slide, giữ bài thuyết trình bên cạnh README dự án trong git.
  • Tài liệu đào tạo có kiểm soát phiên bản.

Khi nó không phù hợp

  • Keynote nặng thiết kế với vị trí ảnh chính xác.
  • Slide cần hoạt ảnh phức tạp hoặc thời lượng video nhúng.
  • Bộ slide do thương hiệu quản lý nơi mẫu quy định từng chi tiết.

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

Có, cú pháp ảnh Markdown thông thường hoạt động. Dùng URL tuyệt đối hoặc tải ảnh lên trước để chúng có thể truy cập từ HTML đã xuất.

Có, tùy chọn. Chế độ in Reveal hỗ trợ “ghi chú thành trang riêng”, mỗi slide trở thành hai trang PDF, một với slide, một với ghi chú.

Không. Việc hiển thị diễn ra cục bộ trong trình duyệt của bạn. Nguồn Markdown và HTML đã xuất không bao giờ rời khỏi máy bạn.

Có. Thêm một khối <style> ở đầu Markdown của bạn hoặc liên kết một bảng kiểu ngoài trong cài đặt theme. Nó được tiêm vào đầu ra Reveal.js.

HTML đã xuất là một tệp độc lập chạy trên mọi host tĩnh, GitHub Pages, Netlify, S3. Tải HTML lên là xong.

Công cụ liên quan

Công cụ này có phiên bản bằng các ngôn ngữ khác