Add open graph images for blog

[johncmanuel]

Adding an OG image for blog posts would help with brand visibility and arguably more traffic and engagement when sharing links with others. This can be done with something like Satori, which would help with dynamically generating an OG image per blog post using HTML and CSS (by extension, fart.css).

Code reference for Satori in use at my blog website.

[EthanThatOneKid]

• https://github.com/ascorbic/og-edge

[johncmanuel]

Oooo, interesting library. I might go ahead and implement the feature with it

[johncmanuel]

Some progress has been made (see this file for reference), but the approach I've been taking may not be right. I'm designing a system that dynamically generates the OG image based on requests to a specific blog post (e.g., /games). But since it only appears upon request to some blog post, it won't appear when linking a blog post on Discord or anywhere that shows the OG image since it has not been generated.

So, I think we would need to take a different approach to what I'm doing at the moment and generate the OG images after running the code generation, so the OG images would be bundled with the rest of the content and appear as expected. The only trade-off I can think of is an increase in the output size after code generation.