11 / 21

Technical Implementation DetailsURL copied

HTMX IntegrationURL copied

  • Main content swap: hx-get="/posts/path" hx-target="#main-content" hx-swap="innerHTML show:window:top"
  • Out-of-band swaps: TOC sidebar and CSS container use hx_swap_oob="true"
  • Push URL: hx-push-url="true" updates browser history
  • Lazy loading: Posts sidebar uses hx-get="/_sidebar/posts" hx-trigger="load"
  • Event handling: JavaScript listens to htmx:afterSwap for re-initialization