Softonic

Markdown till bildspel

Steg 1 / 3
Nästa

Skriv presentationer på samma sätt som du skriver READMEs: Markdown-rubriker, punktlistor, kodblock, separerade av --- horisontella linjer till bilder. Verktyget renderar ditt bildspel live med Reveal.js (teman: black, white, simple, solarized), stöder talaranteckningar med Note:, nästlade vertikala bilder med --, och exporterar till en fristående HTML-fil eller en utskriftsklar PDF.

Så blir Markdown ett bildspel

  1. 1

    Skriv Markdown

    Använd `---` för att separera bilder. Vanliga rubriker, listor och kodblock fungerar som vanligt.

  2. 2

    Lägg till talaranteckningar

    Inled ett stycke med `Note:`: det visas bara i presentatörsläge.

  3. 3

    Förhandsvisa bildspelet

    Live-förhandsvisningen visar bildspelet med piltangentsnavigering.

  4. 4

    Välj ett tema

    Black, white, league, sky, simple, solarized: vilket Reveal.js-tema som helst.

  5. 5

    Exportera

    Fristående HTML-fil eller PDF via webbläsarutskrift.

Bildsyntaxen

# 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}"
\`\`\`
  • --- (tre bindestreck på en egen rad) startar en ny horisontell bild.
  • -- (två bindestreck) startar en vertikal bild inuti den aktuella bildkolumnen, tryck nedåtpil för att gå ner.
  • Note: i början av ett stycke blir en talaranteckning.

Tangentbordsnavigering

Tangent Åtgärd
Höger / mellanslag Nästa bild
Vänster Föregående bild
Ner / Upp Navigera vertikal stapel
s Öppna talarvy
o Bildöversikt
f Helskärm
? Hjälpdialog

Layouttrick

  • Tvåkolumnslayout: använd rå HTML inuti en bild, <div class="columns">...</div>.
  • Fragmentvisning: punktlistor animeras in en i taget med attributet {.fragment} när du använder Reveal.js direkt. Lägg till som rå HTML om du behöver det.
  • Bakgrundsbilder: bildnivåattributet <!-- .slide: data-background="url" --> sätter en full-bleed-bakgrund.
  • Auto-animera mellan bilder: Reveal 4 stöder mjuka övergångar för matchande element, slå på det i temainställningarna.

Att exportera till PDF

Från live-förhandsvisningen, öppna ?print-pdf i din webbläsar-URL och använd webbläsarens utskriftsdialog. Välj A4 liggande, bakgrundsgrafik på, minimala marginaler. Reveal.js matar ut en bild per sida med talaranteckningar på valfria ytterligare sidor.

När Markdown-baserade bilder briljerar

  • Tekniska föredrag med många kodexempel.
  • Innehållsdrivna bildspel där layouten är sekundär.
  • Docs-as-slides, håll presentationer bredvid projektets README i git.
  • Versionshanterat utbildningsmaterial.

När de inte gör det

  • Designtunga keynotes med exakt bildplacering.
  • Bilder som behöver komplexa animeringar eller inbäddad videotiming.
  • Varumärkesstyrda bildspel där mallar dikterar varje detalj.

Vanliga frågor

Ja, vanlig Markdown-bildsyntax fungerar. Använd absoluta URL:er eller ladda upp bilder först så att de är nåbara från den exporterade HTML:en.

Ja, valfritt. Reveals utskriftsläge stöder “anteckningar som separat sida”, varje bild blir två PDF-sidor, en med bilden, en med anteckningarna.

Nej. Renderingen sker lokalt i din webbläsare. Markdown-källan och den exporterade HTML:en lämnar aldrig din maskin.

Ja. Lägg till ett <style>-block högst upp i din Markdown eller länka en extern stilmall i temainställningarna. Den injiceras i Reveal.js-utdatan.

Den exporterade HTML:en är en fristående fil som körs på vilken statisk värd som helst, GitHub Pages, Netlify, S3. Ladda upp HTML:en så är du klar.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Generera en .editorconfig-fil med dina regler för indragsstil och -storlek, radslut, teckenuppsättning och blanksteg för enhetlig formatering i alla IDE:er och editorer.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

Verktyget finns på andra språk