De Markdown a diapositives

Com fer diapositives amb Markdown

1. Escriu o enganxa el Markdown al quadre Markdown. Hi ha una presentació d’exemple breu per començar.
2. Separa les diapositives amb una línia que contingui només tres guions: ---. Tot el que hi ha entre dues d’aquestes línies es converteix en una diapositiva.
3. Mira el resultat a la previsualització. Mou-te entre les diapositives amb els botons ← i →, o fes clic a la previsualització i fes servir les tecles de fletxa.
4. Tria un Tema: Clar, Fosc, Sèpia o Blau intens.
5. Fes clic a Presenta a pantalla completa per fer la xerrada. Fes servir les tecles de fletxa, Re Pàg/Av Pàg o la barra espaiadora per avançar, fes clic a la part dreta o esquerra de la diapositiva i prem Escape per sortir.
6. Per conservar o compartir la presentació, fes clic a Baixa l’HTML per obtenir un únic fitxer que s’obre en qualsevol navegador, o a Imprimeix / Desa com a PDF per imprimir-la o desar-la com a PDF, amb una diapositiva per pàgina.

El Markdown que pots fer servir en una diapositiva

Cada diapositiva admet el Markdown habitual (variant de GitHub):

• títols: # Títol, ## Subtítol, ### Secció;
• negreta, cursiva, codi en línia i ~~text ratllat~~;
• llistes amb pics i numerades, llistes de tasques (- [x] fet);
• taules amb files | columna | columna |;
• blocs de codi delimitats amb tres accents oberts;
• cites que comencen per >;
• enllaços i imatges.

Una línia --- dins d’un bloc de codi no inicia una diapositiva nova, de manera que pots mostrar un front matter de YAML o separadors dins del codi. Una línia amb més guions (-----) també funciona com a separador.

La mida del text es calcula a partir de l’alçada de la diapositiva, de manera que es veu igual a la previsualització, a pantalla completa, al fitxer HTML i en paper. Fes les diapositives curtes: unes sis línies de llista o una taula petita hi caben còmodament. El contingut sobrant es talla per sota en lloc d’encongir-se.

Imatges

Per seguretat, aquesta pàgina només mostra les imatges incrustades al Markdown com a URL data:. Les imatges enllaçades des del web (![logo](https://…)) s’amaguen a la previsualització i al PDF que s’imprimeix des d’ella, i l’eina t’indica quantes. Es conserven al fitxer HTML baixat, que les carrega quan s’obre amb connexió a internet.

El fitxer HTML baixat

Baixa l’HTML crea un fitxer autònom: les diapositives, els estils del tema i unes poques línies de codi de navegació, sense cap dependència externa. Obre’l en un navegador, prem F per a pantalla completa i fes servir les tecles de fletxa, un clic o un lliscament per moure’t. Si afegeixes #3 a l’adreça, s’obre la diapositiva 3. Si imprimeixes aquest fitxer, també obtens una diapositiva per pàgina.

Desar com a PDF

Imprimeix / Desa com a PDF obre el diàleg d’impressió del navegador amb cada diapositiva en la seva pròpia pàgina horitzontal 16:9. Tria «Desa com a PDF» com a impressora. Activa «Gràfics de fons» si els temes fosc o blau s’imprimeixen sobre blanc.

Privadesa

El Markdown es converteix al teu navegador. No es puja res, i els fitxers es creen al teu dispositiu.