Re:Show HN: Programmable “link preview” thumbnails for your ...
by derekzhouzhen on Friday December 17, 2021 @11:09AM
(#29594107)
I understand; I was thinking from your angle. Rendering and hosting images is a big effort, what if someone change the query string slightly and you would lose the caching opportunity?
With a static site generator I can make the og:image generation part of the build process and host the result myself. Less burden for you, more security for me.
Re:Show HN: Programmable “link preview” thumbnails for your ...
by lot3oo on Friday December 17, 2021 @11:26AM
(#29594355)
Ah I see what you mean. This would be an easily supported use case actually (you can already do it by using the same URL and downloading the picture, but it's not documented). I need to add more documentation regarding this!
Thanks for sharing!
In JavaScript, for example, on a theoretical blog site, you could configure it like this:
const article = await fetchArticle(router.query.id);
const queryString = new URLSearchParams(article).toString();
const url = `https://cdn.ogimg.io/v1/u/your-name/blog?${queryString}`;
// add this in the <head> where appropriate...
<meta property="og:image" content="${url}" />
This will add nice pictures for all your articles at once based on your template.
I think I need to make this more clear!