From c0b7875dae90039edee79e099b710daf7d2b998a Mon Sep 17 00:00:00 2001 From: madrilene Date: Wed, 25 Jan 2023 14:34:27 +0100 Subject: [PATCH] blog post extended --- src/assets/css/blocks/textgradient.css | 1 - src/posts/2023-01-25-opengraph-images.md | 3 +++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/assets/css/blocks/textgradient.css b/src/assets/css/blocks/textgradient.css index ab023b7..e8e0d80 100644 --- a/src/assets/css/blocks/textgradient.css +++ b/src/assets/css/blocks/textgradient.css @@ -15,5 +15,4 @@ padding: 0.6rem 0; background-size: 50%; background-clip: text; - -webkit-background-clip: text; } diff --git a/src/posts/2023-01-25-opengraph-images.md b/src/posts/2023-01-25-opengraph-images.md index ad1d84b..ccbcdfd 100644 --- a/src/posts/2023-01-25-opengraph-images.md +++ b/src/posts/2023-01-25-opengraph-images.md @@ -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 ``` +{% 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/).