Get AI summaries of any video or article — Sign up free
Presentations as Code // How to use the Obsidian Advanced Slides plugin thumbnail

Presentations as Code // How to use the Obsidian Advanced Slides plugin

Nicole van der Hoeven·
5 min read

Based on Nicole van der Hoeven's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.

TL;DR

Advanced Slides turns Obsidian Markdown notes into slide decks, keeping slides inside the same vault as regular notes.

Briefing

Obsidian’s Advanced Slides plugin turns Markdown notes into fully navigable slide decks—without requiring PowerPoint, Google Slides, or any separate coding-to-publishing workflow. The core payoff is repeatability: slides live inside the same Obsidian vault as regular notes, and exporting/sharing becomes a built-in step rather than a manual conversion pipeline.

The workflow starts with context: slide decks are essentially text and images arranged for presentation, and Obsidian already uses lightweight Markdown for that kind of content. Instead of building slides in a proprietary editor or relying on a web-based tool tied to a specific account, Advanced Slides keeps the authoring experience in Obsidian while still delivering presentation navigation and browser-ready output.

After installing the free community plugin (via Obsidian Settings → Community Plugins, with safe mode turned off), the creator configures options like the local server port and the export directory (for example, “presentations export”). From there, a new note becomes a new presentation: the note title is used as the deck title, and horizontal slides are created by inserting three dashes (---). Vertical slides use two dashes (—), enabling a two-dimensional navigation model where moving “right” advances horizontally and moving “down” drills into vertical stacks.

As content is typed, slide previews update live. Markdown headings map directly onto slide structure, so authors can build decks using familiar syntax rather than learning a separate slide layout system. Images can be pasted into slides and resized using Markdown-like parameters (the example adjusts sizing with a pipe and a numeric value). For full-bleed visuals, the plugin supports setting an image as a slide background using a background directive (e.g., background bg equals …), with slide text layered on top.

Speaker support is built in. A “note” block hides content from the audience while keeping it visible to the presenter. To make that practical during delivery, the plugin offers “Open in Browser,” plus a presenter view: one window for the audience and another for the speaker, where navigation reveals what’s next and the speaker notes remain private.

For on-slide pacing, the plugin supports incremental reveals. Bulleted items can be marked as “elements” of type fragment with a fragment index, so only the relevant item appears as the presenter advances through the slide. Visual consistency is handled via themes; the example switches to “Solarized,” then back to a simpler theme.

Sharing and distribution come from export options. “Export as HTML” produces a self-contained web version that can be copied into a static site workflow (the example uses a Hugo-based static site directory). For offline sharing, “print presentation” generates a PDF—static in the sense that animations become sequential pages, but still preserving images and slide structure. The result is a Markdown-first, code-adjacent slide system that’s easy to iterate locally and then publish as HTML or PDF.

Cornell Notes

Advanced Slides for Obsidian lets authors write slide decks in Markdown inside the same vault used for notes. Slide boundaries are created with dashes: three dashes (---) for horizontal slides and two dashes (—) for vertical stacks, with live previews updating as headings and content change. The plugin supports speaker-only notes via a “note” block and a presenter view available through “Open in Browser,” keeping the audience view separate. It also enables step-by-step reveals using “fragment” elements with fragment indexes, and it can apply themes across the whole deck. Publishing is handled through export: HTML for web/static-site hosting or PDF via print export (animations become sequential static pages).

How does Advanced Slides define slide structure inside a single Obsidian note?

Slide breaks are created with dash separators. Three dashes (---) create horizontal slides. Two dashes (—) create vertical slides, enabling a deck where horizontal navigation moves across columns while vertical navigation moves down into stacked slides. Markdown headings also map into the slide preview, so authors can structure content using familiar heading levels.

What features help a presenter avoid forgetting talking points during delivery?

Speaker-only content is supported with a “note” block: anything after “note” up to the end of the slide is hidden from the audience. During rehearsal or delivery, “Open in Browser” launches the presentation in a separate window, and a presenter view can be triggered (the example uses keyboard input to bring up the speaker screen). The presenter view shows what’s coming next and includes the hidden speaker notes, while the audience view stays clean.

How are animations or staged reveals implemented without building separate slides for every step?

The plugin uses “fragment” elements. Bulleted items can be marked as fragments with a fragment index (e.g., fragment index 1, fragment index 2). As the presenter advances, the slide content appears incrementally—first the title and then each fragment item in order—so one slide can behave like multiple steps.

How can images be used, including full-slide backgrounds?

Images can be pasted into slides and resized by adding parameters (the example adjusts size using a pipe followed by a number). To make an image the entire slide background, the author sets a background directive (background bg equals “...image...”), after which slide text overlays on top of the background image.

What are the main publishing/export options, and how do they differ for sharing?

For web sharing, “Export as HTML” generates an HTML package that includes embedded images and can be copied into any site workflow that serves HTML (the example mentions a static site generator, Hugo). For offline sharing, “print presentation” exports to PDF; animations don’t play as motion, but the staged content becomes sequential static pages as the viewer scrolls through the PDF.

Review Questions

  1. When would you choose vertical slides (two dashes) instead of horizontal slides (three dashes), and how does navigation change?
  2. How do fragment indexes control the order of staged content on a single slide?
  3. What’s the difference between exporting as HTML and using print/PDF for a deck that includes fragments and backgrounds?

Key Points

  1. 1

    Advanced Slides turns Obsidian Markdown notes into slide decks, keeping slides inside the same vault as regular notes.

  2. 2

    Horizontal slides use three dashes (---), while vertical slide stacks use two dashes (—), enabling two-level navigation.

  3. 3

    Live slide previews update as Markdown headings and content change, making iteration fast.

  4. 4

    Speaker-only notes are supported via a “note” block and a presenter view available through “Open in Browser.”

  5. 5

    Incremental on-slide reveals are implemented with fragment elements and fragment indexes, so one slide can show content step-by-step.

  6. 6

    Themes apply across the entire presentation, allowing quick visual restyling.

  7. 7

    Publishing is done via export: HTML for web/static-site hosting or PDF via print export, where fragments become sequential static pages.

Highlights

Slides are authored as Markdown inside Obsidian, so creating a deck feels like writing notes rather than using a separate slide editor.
A presenter view keeps speaker notes private while the audience view stays focused on the slide content.
Fragment elements let a single slide reveal bullets in sequence using fragment indexes.
Export as HTML supports easy integration into static site workflows, while PDF export preserves images and slide order without animation playback.
Vertical slides (two dashes) create a stacked navigation model where “down” reveals additional slide layers.

Topics

  • Obsidian
  • Advanced Slides
  • Markdown Presentations
  • Presenter Notes
  • HTML Export