Publishing & embeds

Publish any creation to the web from your own storage - full multi-page websites, or a single shareable page for flashcards, charts, timelines and more - and embed it anywhere with one iframe snippet.

Every notebook can become something you share, not just something you read. Notebooker publishes two kinds of things:

  • Websites - the Websites creator builds a real multi-page static site from a notebook, and publishing puts the whole site live.
  • Any other creation with its own viewer - flashcards, charts, infographics, mindmaps, timelines, wikis, Socratic sessions, counterpoint debates - publishes as a single self-contained page: the same interactive viewer you use inside Notebooker, at a public link anyone can open. No account needed to view it.

Either way you also get an embed snippet - one <iframe> tag to paste into a blog post, course page, Notion doc, or anywhere else HTML goes.

The Websites creator

The Websites creator turns a notebook into a real, multi-page static website: a home page that welcomes a first-time visitor and points into the rest of the site, plus a page for each major topic in your sources - cross-linked, with a navigation bar, an optional sidebar listing every page, and built-in search.

Everything on the site is written only from your material. Notebooker first plans the site like an information architect - which pages, covering what, drawn from which sources - then writes each page and renders the whole thing with Quarto, the same engine behind quarto.org itself and course.fast.ai. The result reads like a credible reference site, not a template blog.

Creating a website

From a notebook, choose Website in the creators list and set your options:

  • Pages (2–15, default 6) - includes the home page.
  • Theme - ten Bootswatch looks, from the clean default cosmo to dark themes like darkly and cyborg.
  • Search - Quarto’s built-in client-side site search, on by default.
  • Sidebar - a docked sidebar listing every page, on by default.

As with every creator, your instructions steer the result: audience, tone, what to emphasize, what to leave out.

Downloading the site

Every website artifact includes a website.zip - the complete rendered site, ready to host anywhere static files are served: GitHub Pages, Cloudflare Pages, Netlify, an S3 bucket, or just opened from disk. Unzip it and index.html is the front door; there’s no build step and nothing to install.

Publishing - websites and everything else

If you’ve connected your own storage (any S3-compatible bucket - Cloudflare R2, DigitalOcean Spaces, AWS S3) with a public URL configured, the publish action on a finished creation puts it on the web and hands you the link.

  • A website publishes as the full rendered site - every page, style, and the search index.
  • A flashcard deck, chart, mindmap, timeline, wiki, Socratic session, or debate publishes as one self-contained page carrying its interactive viewer - a flashcard link is a studyable deck, not a screenshot. A small “Made with Notebooker” footer credits the source.

Everything uploads to your bucket under your own account prefix - it lives in your storage, on your domain, and stays up as long as you keep it there. Publishing again after regenerating replaces the page at the same link; deleting the creation removes the published files too.

A few notes:

  • The public URL comes from your storage settings (for R2 that’s a custom domain or the bucket’s r2.dev URL; for Spaces, the CDN endpoint). If no public URL is configured, Notebooker will tell you before anything is uploaded.
  • Anything you publish is publicly readable at that link - publish only what you’re comfortable sharing.
  • Creations without their own viewer (for example essays, which are documents you download) aren’t publishable this way - share the PDF instead.

Embedding

Every publish also gives you a copy-embed button with a ready-to-paste snippet:

<iframe src="https://your-domain/.../index.html"
        width="100%" height="640"
        style="border:0;border-radius:8px" loading="lazy"></iframe>

Paste it into anything that accepts HTML - a course page, a blog post, internal docs - and the live, interactive creation renders inline. Adjust height to taste; the page is responsive inside the frame.

Tips

  • Name your audience in the instructions. “A reference site for new team members” and “a public explainer for customers” produce very different pages from the same sources.
  • Fewer, deeper pages usually beat many thin ones. Six pages is a sweet spot for most notebooks; go higher only when your sources genuinely cover that many distinct topics.
  • Try a dark theme for docs you’ll read at night - darkly and cyborg are full dark modes, not just accents.
  • Embed decks where the learning happens. A published flashcard deck embedded in a course page means students study in place - no sign-ups, no links out.