wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

blog post extended

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/assets/css/blocks/textgradient.css
View file

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

3
src/posts/2023-01-25-opengraph-images.md
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. 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. 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` `meta-info.njk`
{% raw %}
```html ```html
<meta <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/). 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/).