Softonic

Markdown in Diapositive

Passaggio 1 / 3
Avanti

Scrivi presentazioni come scrivi i README: intestazioni Markdown, elenchi puntati, blocchi di codice, separati da regole orizzontali --- in diapositive. Lo strumento rende il tuo insieme di diapositive in tempo reale utilizzando Reveal.js (temi: nero, bianco, semplice, solarizzato), supporta note del relatore con Note:, diapositive verticali annidate con --, ed esporta in un file HTML autonomo o un PDF pronto per la stampa.

Come il Markdown diventa un insieme di diapositive

  1. 1

    Scrivi Markdown

    Usa `---` per separare le diapositive. Le intestazioni standard, gli elenchi e i blocchi di codice funzionano come al solito.

  2. 2

    Aggiungi note del relatore

    Prefissa un paragrafo con `Note:`, viene mostrato solo in modalità presentatore.

  3. 3

    Anteprima dell'insieme di diapositive

    L'anteprima dal vivo mostra l'insieme di diapositive con navigazione tramite tasti freccia.

  4. 4

    Scegli un tema

    Nero, bianco, lega, cielo, semplice, solarizzato, qualsiasi tema di Reveal.js.

  5. 5

    Esporta

    File HTML autonomo o PDF tramite stampa del browser.

La sintassi delle diapositive

# Diapositiva di apertura

Testo del sottotitolo qui

---

## Seconda diapositiva

- Punto uno
- Punto due
- Punto tre

Nota: queste sono note del relatore visibili solo in modalità presentatore.

---

## Diapositiva di codice

\`\`\`python
def hello(name):
    return f"Ciao {name}"
\`\`\`
  • --- (tre trattini su una nuova riga) inizia una nuova diapositiva orizzontale.
  • -- (due trattini) inizia una diapositiva verticale all’interno della colonna della diapositiva corrente, premi la freccia giù per scendere.
  • Note: all’inizio di un paragrafo diventa una nota del relatore.

Navigazione da tastiera

Tasto Azione
Destra / Spazio Diapositiva successiva
Sinistra Diapositiva precedente
Giù / Su Naviga nello stack verticale
s Apri vista relatore
o Panoramica delle diapositive
f Schermo intero
? Dialogo di aiuto

Trucchi di layout

  • Layout a due colonne: usa HTML grezzo all’interno di una diapositiva, <div class="columns">...</div>.
  • Rivelazione dei frammenti: gli elenchi puntati si animano uno alla volta con l’attributo {.fragment} quando si utilizza direttamente Reveal.js. Aggiungi come HTML grezzo se ne hai bisogno.
  • Immagini di sfondo: l’attributo a livello di diapositiva <!-- .slide: data-background="url" --> imposta uno sfondo a tutta pagina.
  • Auto-animazione tra le diapositive: Reveal 4 supporta transizioni fluide per elementi corrispondenti, attivalo nelle impostazioni del tema.

Esportazione in PDF

Dall’anteprima dal vivo, apri ?print-pdf nell’URL del tuo browser e usa il dialogo di stampa del browser. Scegli A4 orizzontale, grafica di sfondo attivata, margini minimi. Reveal.js genera una diapositiva per pagina con note del relatore su pagine aggiuntive opzionali.

Quando le diapositive basate su Markdown brillano

  • Talk tecnici con molti esempi di codice.
  • Insiemi di diapositive incentrati sui contenuti dove il layout è secondario.
  • Documenti come diapositive, mantieni le presentazioni accanto al README del progetto in git.
  • Materiale di formazione controllato da versione.

Quando non funziona

  • Keynote ricchi di design con posizionamento preciso delle immagini.
  • Diapositive che necessitano di animazioni complesse o tempistiche video incorporate.
  • Insiemi di diapositive governati dal marchio dove i modelli dettano ogni dettaglio.

Domande frequenti

Sì, la sintassi delle immagini Markdown regolare funziona. Usa URL assoluti o carica prima le immagini in modo che siano raggiungibili dall’HTML esportato.

Sì, opzionalmente. La modalità di stampa di Reveal supporta “note come pagina separata”, ogni diapositiva diventa due pagine PDF, una con la diapositiva, una con le note.

No. Il rendering è locale nel tuo browser. Il sorgente Markdown e l’HTML esportato non lasciano mai la tua macchina.

Sì. Aggiungi un blocco <style> in cima al tuo Markdown o collega un foglio di stile esterno nelle impostazioni del tema. Viene iniettato nell’output di Reveal.js.

L’HTML esportato è un file autonomo che funziona su qualsiasi host statico, GitHub Pages, Netlify, S3. Carica l’HTML e hai finito.

Strumenti correlati

Riferimento Tabella ASCII

Tabella ASCII completa da 0 a 127 con decimale, esadecimale, ottale, binario e riferimento numerico HTML per ogni carattere, inclusi i codici di controllo come NUL, LF e DEL.

Riferimento ai caratteri HTML

Elenco ricercabile delle entità HTML, dei loro codici nominati e numerici, e copia con un clic per caratteri e simboli speciali.

Generatore di lettere casuali

Genera lettere A-Z casuali. Scegli la quantità, usa maiuscole, minuscole o un mix, e applica il risultato a giochi, spunti o attività in classe.

Riferimento scorciatoie da tastiera

Cerca le scorciatoie predefinite documentate di VS Code, Chrome e Bash con GNU Readline su macOS, Windows e Linux.

Creatore di diagrammi di flusso

Crea nel browser diagrammi di flusso visivi con cinque tipi di nodo, connessioni dirette e download SVG o PNG.

Promemoria Markdown

Riferimento pratico Markdown con anteprime reali ed esempi pronti da copiare per titoli, elenchi, tabelle, codice, link, immagini e sintassi GFM.

Strumento disponibile in altre lingue