blog post extended
This commit is contained in:
parent
e286069c07
commit
c0b7875dae
2 changed files with 3 additions and 1 deletions
|
|
@ -15,5 +15,4 @@
|
|||
padding: 0.6rem 0;
|
||||
background-size: 50%;
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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/).
|
||||
|
|
|
|||
Loading…
Reference in a new issue