HermanMartinus / bearblog

Free, no-nonsense, super fast blogging.
MIT License
2.63k stars 75 forks source link

Add dynamic social preview images for articles link #144

Closed tzvc closed 1 year ago

tzvc commented 2 years ago

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 ;)

HermanMartinus commented 2 years ago

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 commented 1 year ago

Moved to the new suggestion board. Github issues reserved for bugs going forward.