bearblog icon indicating copy to clipboard operation
bearblog copied to clipboard

Add dynamic social preview images for articles link

Open tzvc opened this issue 3 years ago • 1 comments

Hey there,

Just started using Bearblog and I love it! I noticed that when sharing an bearblog article link on any social platform, there is no social preview (or just the first photo if the article contains photos).

Screenshot 2022-05-26 at 22 36 38

I recently worked on a web service to easily create and serve dynamic social preview images by generating them on-the-fly from an HTML/CSS template. Just design the template with HTML/CSS and {{variables}}, then get a generated link to put in your website <meta property="og:image"/>.

I wrote an example template for bearblog. Using the generated link from this template, all bearblog article social preview images would instead look like this:

Screenshot 2022-05-26 at 22 38 31

Let me know what you think @HermanMartinus, happy to help with anything to make this happen ;)

tzvc avatar May 30 '22 07:05 tzvc

This would be awesome. I'm focussing on a few longevity things at the moment (trying to make sure that Bear outlives me) then will take a look more deeply into this.

HermanMartinus avatar Jun 01 '22 03:06 HermanMartinus