Open Graph images
When you share your blog posts, a thumbnail image may appear - the image we define in our meta data as an Open Graph Image (og:image).
This starter generates these images for your blog posts automatically.
The fallback and default image for all other pages is the image set as opengraph_default in the meta.js global data file.
meta-info.njk
<meta
property="og:image"
content="{{ meta.url }}
{% if (layout == 'post') %}/assets/og-images/{{ title | slugify }}-preview.jpeg
{% else %}{{ meta.opengraph_default }}
{% endif %}"
/>To change the look and behaviour of those images and replace the SVG background edit src/common/og-images.njk. The implementation is based on Bernard Nijenhuis article.
