· javascript
Open Graph images with Astro and Typst
Links 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: 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: Typst is a tool that generates high-quality documents from a simple markup language. A lovechild of LaTeX and Markdown, it works great for math whilst also keeping the day-to-day text formatting syntax bearable.
