Markdown na slajdy
Twórz prezentacje tak, jak piszesz pliki README: nagłówki Markdown, listy punktowane i bloki kodu, rozdzielone poziomymi liniami --- na poszczególne slajdy. Narzędzie renderuje Twój zestaw slajdów na żywo za pomocą Reveal.js (motywy: czarny, biały, prosty, solarized), obsługuje notatki prelegenta z Note:, zagnieżdżone pionowe slajdy z -- oraz eksportuje do samodzielnego pliku HTML lub gotowego do druku PDF.
Jak Markdown staje się zestawem slajdów
-
1
Napisz Markdown
Użyj `---`, aby rozdzielić slajdy. Standardowe nagłówki, listy i bloki kodu działają jak zwykle.
-
2
Dodaj notatki prelegenta
Rozpocznij akapit od `Note:`: pojawi się on tylko w trybie prelegenta.
-
3
Podejrzyj zestaw slajdów
Podgląd na żywo pokazuje zestaw slajdów z nawigacją za pomocą klawiszy strzałek.
-
4
Wybierz motyw
Czarny, biały, league, sky, prosty, solarized: dowolny motyw Reveal.js.
-
5
Wyeksportuj
Samodzielny plik HTML lub PDF przez wydruk w przeglądarce.
Składnia slajdów
# Slajd otwierający
Tekst podtytułu tutaj
---
## Drugi slajd
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
Note: to są notatki prelegenta widoczne tylko w trybie prelegenta.
---
## Slajd z kodem
\`\`\`python
def hello(name):
return f"Hi {name}"
\`\`\`
---(trzy myślniki w osobnym wierszu) rozpoczyna nowy slajd poziomy.--(dwa myślniki) rozpoczyna slajd pionowy w obrębie bieżącej kolumny slajdów, naciśnij strzałkę w dół, aby zejść niżej.Note:na początku akapitu staje się notatką prelegenta.
Nawigacja klawiaturą
| Klawisz | Działanie |
|---|---|
| Prawo / Spacja | Następny slajd |
| Lewo | Poprzedni slajd |
| W dół / W górę | Nawigacja po stosie pionowym |
s |
Otwórz widok prelegenta |
o |
Przegląd slajdów |
f |
Pełny ekran |
? |
Okno pomocy |
Sztuczki układu
- Układ dwukolumnowy: użyj surowego kodu HTML w slajdzie,
<div class="columns">...</div>. - Odsłanianie fragmentów: listy punktowane pojawiają się pojedynczo dzięki atrybutowi
{.fragment}, gdy używasz Reveal.js bezpośrednio. Dodaj to jako surowy kod HTML w razie potrzeby. - Obrazy tła: atrybut na poziomie slajdu
<!-- .slide: data-background="url" -->ustawia tło na całą powierzchnię. - Automatyczna animacja między slajdami: Reveal 4 obsługuje płynne przejścia dla pasujących elementów, włącz je w ustawieniach motywu.
Eksport do PDF
W podglądzie na żywo otwórz ?print-pdf w adresie URL przeglądarki i skorzystaj z okna drukowania przeglądarki. Wybierz A4 w orientacji poziomej, włączone grafiki tła, minimalne marginesy. Reveal.js generuje jeden slajd na stronę, a notatki prelegenta trafiają na opcjonalne dodatkowe strony.
Kiedy slajdy oparte na Markdown błyszczą
- Prelekcje techniczne z wieloma przykładami kodu.
- Zestawy stawiające treść na pierwszym miejscu, gdzie układ jest drugorzędny.
- Dokumentacja jako slajdy, trzymaj prezentacje obok pliku README projektu w git.
- Materiały szkoleniowe pod kontrolą wersji.
Kiedy nie
- Efektowne wizualnie prezentacje z precyzyjnym rozmieszczeniem obrazów.
- Slajdy wymagające złożonych animacji lub synchronizacji osadzonego wideo.
- Zestawy zarządzane przez markę, w których szablony narzucają każdy szczegół.
Najczęściej zadawane pytania
Tak, standardowa składnia obrazów w Markdown działa. Użyj bezwzględnych adresów URL lub najpierw prześlij obrazy, aby były dostępne z wyeksportowanego HTML.
Tak, opcjonalnie. Tryb druku Reveal obsługuje opcję „notatki jako osobna strona“, każdy slajd staje się dwiema stronami PDF: jedną ze slajdem, drugą z notatkami.
Nie. Renderowanie odbywa się lokalnie w Twojej przeglądarce. Źródło Markdown i wyeksportowany HTML nigdy nie opuszczają Twojego komputera.
Tak. Dodaj blok <style> na górze swojego Markdown lub podlinkuj zewnętrzny arkusz stylów w ustawieniach motywu. Zostanie on wstrzyknięty do wyniku Reveal.js.
Wyeksportowany HTML to samodzielny plik, który działa na dowolnym hostingu statycznym, GitHub Pages, Netlify, S3. Prześlij plik HTML i gotowe.
Powiązane narzędzia
Tabela ASCII
Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.
Referencja znaków HTML
Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.
Skróty klawiaturowe
Wyszukuj udokumentowane skróty domyślne VS Code, Chrome i Bash z GNU Readline w macOS, Windows i Linux.
Generator EditorConfig
Wygeneruj plik .editorconfig z własnymi regułami stylu i rozmiaru wcięć, końca linii, kodowania i białych znaków, aby uzyskać spójne formatowanie w różnych IDE i edytorach.
Walidator adresów e-mail
Zweryfikuj adres e-mail: sprawdzenie składni RFC 5322, sprawdzenie rekordu MX w czasie rzeczywistym oraz szczegóły dotyczące części lokalnej, domeny i długości. Żadna wiadomość nie jest wysyłana.
Formatowanie HTML
Formatuj HTML lokalnie w przeglądarce, używając wcięć dwóch lub czterech spacji. HTML nie jest wysyłany ani walidowany.
Narzędzie jest dostępne w innych językach
- Markdown till bildspel [SV]
- Markdown ke Slide [ID]
- Markdown sang Slide [VI]
- Markdown을 슬라이드로 변환 [KO]
- Markdown para Apresentações [PT]
- تحويل ماركداون إلى شرائح عرض [AR]
- Markdown naar slides [NL]
- Markdown vers Diapositives [FR]
- Markdown zu Folien [DE]
- Markdown a Presentaciones [ES]
- แปลง Markdown เป็นสไลด์ [TH]
- Markdown をスライドに変換 [JA]
- Markdown to Slides [EN]
- Markdown in Diapositive [IT]
- Markdown в слайды [RU]
- Markdown'dan Slaytlara [TR]
- 将 Markdown 转换为幻灯片 [ZH]