blog post extended

This commit is contained in:
madrilene 2023-01-25 14:34:27 +01:00
parent e286069c07
commit c0b7875dae
2 changed files with 3 additions and 1 deletions

View file

@ -15,5 +15,4 @@
padding: 0.6rem 0;
background-size: 50%;
background-clip: text;
-webkit-background-clip: text;
}

View file

@ -7,8 +7,10 @@ date: 2023-01-25
When you share your blog posts, a thumbnail image appears - the image we define as an Open Graph Image.
Eleventy Excellent 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`
{% raw %}
```html
<meta
@ -20,4 +22,5 @@ Eleventy Excellent generates these images for your blog posts automatically.
/>
```
{% endraw %}
To change the look and behaviour of those images and replace the SVG background edit `src/social-preview.njk`. The implementation is based on [Bernard Nijenhuis article](https://bnijenhuis.nl/notes/automatically-generate-open-graph-images-in-eleventy/).