Docs Block Reference Posts

Posts

The blog index: a responsive card grid that automatically lists your published blog posts, newest first. Each card shows the post's cover image, date, title, and a short excerpt, and links to the full post. As you publish new posts, they appear here on their own.

You do not add this block by hand. It is auto-managed — the first time you publish a post, your /blog page is created with this block already on it (see the Add a blog recipe). It is not in the block palette.

What it shows

  • One card per published post: cover image, date, title, excerpt
  • Newest posts first
  • Up to the configured maximum (default 12)

Posts are written in the simplified Post editor (title, cover image, body) and render as their own clean reading pages. This block is only the index that links to them.

Settings

When you open the /blog page in the builder and select the index, it offers:

  • Heading — optional text above the grid (default "Blog"). Leave

    • empty for none.

  • Columns — 1, 2, or 3 (default 2). Collapses to one column on

    • mobile automatically.

  • Max posts — 1–24 (default 12). Caps how many of the most recent

    • posts show.

  • Date — checkbox (default on). Show each post's publish date.
  • Excerpt — checkbox (default on). Show the summary under each title.

Card layout

Every card in the grid is the same height, whatever the length of the post's excerpt. That is the mechanism: the excerpt sits in a fixed 150px window, and a long summary scrolls inside that window instead of stretching the card and ragging the whole row. A short summary just leaves part of the window empty. Rows stay level without you trimming your writing to fit.

The rest of the treatment matches the Instinctor directory cards:

  • Cover image on top, full width, 16:9
  • A hairline #e0e0e0 border and a 3px radius, so the grid reads as

    • content rather than as boxes

  • Date, then title, then the scrolling excerpt
  • The whole card is the link. There is no "read more" button, because

    • the pointer already tells you the card is clickable

Cards lift slightly on hover. None of this is configurable: the layout is fixed so every blog index looks the same, and so the grid keeps working as posts of very different lengths are added over time.

Where it lives

On the /blog page, which is created automatically the first time you publish. A Blog link is added to the site navigation on its own once the blog exists. There is nothing to place or wire up.

Related

  • recipes/blog — the full workflow: writing posts and publishing them
  • blocks/text — for a single article's prose when not using the Post

    • editor

  • blocks/grid — for a fixed, hand-built set of cards