Installation

Embed script tag, attributes, and loading behavior.

Basic embed

<div id="nanoblog"></div>
<script
  src="/embed.js"
  data-api-key="YOUR_API_KEY"
  data-target="#nanoblog">
</script>

Attributes

  • data-api-key: your project API key
  • data-target: CSS selector to mount into

Advanced attributes (optional)

  • data-layout: list (default) | grid | minimal
  • data-page-size: number of posts per page (default 10)
  • data-search: true to show a client-side search box (filters currently loaded pages)
  • data-theme: auto (default) | light | dark
Cookies

We use essential cookies to run the app. With your consent, we’ll also use analytics to improve Nanoblog.

Cookie policy