Templates

Reusable content building blocks — copy these patterns into new posts.

Blog post anatomy · the full skeleton

A complete post structure you can copy wholesale, then delete what you don't need.
Code blocks · every flavor

Syntax-highlighted code in any language, inline code, shell, diffs, and config.
Videos · embeds and links

YouTube embeds, timestamped links, Loom/Vimeo, and self-hosted clips.
Files & downloads · PDFs, slides, datasets

Link out to PDFs, decks, CSVs, archives, and other downloadable assets.
Links & resources · every linking pattern

Inline links, reference-style, link lists, footnotes, and related posts.
Callouts · note, info, warning, error

The Callout component for admonitions — requires an .mdx file.
Images & diagrams · figures and visuals

Markdown images, captioned figures, side-by-side, and ASCII diagrams.
Tables & comparisons

Data tables, comparison matrices, pros/cons, and checklists.
Step-by-step tutorial

A how-to skeleton with prerequisites, numbered steps, and checkpoints.
Cheatsheet · dense quick reference

A compact lookup-table layout for commands, shortcuts, and snippets.
FAQ & collapsibles

Question-and-answer layout plus native expand/collapse sections.
Embeds · gists, tweets, CodePen, maps

Patterns for embedding third-party content via iframes and scripts.
Changelog / timeline

A dated, reverse-chronological log for releases or project updates.

© 2026 • Ayush Ranjan

Press Esc or click anywhere to close