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
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
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
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
Chọn một theme
Black, white, league, sky, simple, solarized: bất kỳ theme Reveal.js nào.
-
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
Bảng tham chiếu ASCII
Bảng ASCII đầy đủ từ 0 đến 127 với giá trị thập phân, thập lục phân, bát phân, nhị phân và ký hiệu tham chiếu ký tự số HTML, gồm NUL, LF và DEL.
Tham chiếu ký tự HTML
Danh sách có thể tìm kiếm các thực thể HTML, mã tên và mã số tương ứng của chúng, cùng chức năng sao chép chỉ với một cú nhấp cho các ký tự đặc biệt và biểu tượng.
Bảng tham khảo phím tắt
Tìm phím tắt mặc định theo tài liệu của VS Code, Chrome và Bash dùng GNU Readline trên macOS, Windows và Linux.
Trình định dạng HTML
Định dạng HTML cục bộ trong trình duyệt với thụt lề hai hoặc bốn khoảng trắng. HTML không được tải lên hoặc xác thực.
Bảng tra cứu nhanh Markdown
Tài liệu Markdown thực dụng với bản xem trước thực tế và ví dụ có thể sao chép cho tiêu đề, danh sách, bảng, mã, liên kết, hình ảnh và cú pháp GFM.
Bảng Tra Regex
Tài liệu tham chiếu biểu thức chính quy có thể tìm kiếm cho JavaScript, PCRE2/PHP, Python re và .NET. So sánh mã thông báo, cú pháp riêng của máy, neo, nhóm, lookaround và cờ.
Công cụ này có phiên bản bằng các ngôn ngữ khác
- Markdown을 슬라이드로 변환 [KO]
- Markdown vers Diapositives [FR]
- Markdown para Apresentações [PT]
- Markdown をスライドに変換 [JA]
- Markdown naar slides [NL]
- تحويل ماركداون إلى شرائح عرض [AR]
- Markdown zu Folien [DE]
- Markdown ke Slide [ID]
- แปลง Markdown เป็นสไลด์ [TH]
- Markdown a Presentaciones [ES]
- Markdown till bildspel [SV]
- Markdown na slajdy [PL]
- Markdown to Slides [EN]
- Markdown in Diapositive [IT]
- Markdown в слайды [RU]
- Markdown'dan Slaytlara [TR]
- 将 Markdown 转换为幻灯片 [ZH]