Open Graph images with Astro and Typst

9. november 2026Links to blog articles look better when they’re accompanied by an image. If the HTML head has a meta tag like this, it will happen automatically: <meta property=”og:image” content=”https://eaj.no/posts/graph-images-with-typst/og.png” /> My previous, tedious workflow for these kinds of images was to go to unspash.com, search for something like structure or archive, and then select an image I thought would fit the theme of the post. Being both boring and error-prone, I abandonded that process and set up a pipeline that generates image cards at build-time instead. They look like this: Let me show you how I did it. Typst Typst is a tool that generates high-quality documents from a simple markup language. A lovechild of LaTeX and…