ravenscroftj
/
brainsteam.co.uk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update thumbnails
Deploy Website / build (push) Successful in 20s Details

This commit is contained in:
James Ravenscroft 2024-10-29 09:06:14 +00:00
parent 14f87dcbfc
commit a20ab38aeb
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
brainsteam/content/posts/2024/10/cardy-bee.md
View File

@ -1,19 +1,21 @@
--- ---
title: "Generating (Non-AI) Social Images with Python (Cardy 🐝) and Hugo" date: 2024-10-29 08:37:07+00:00
date: 2024-10-29T08:37:07Z description: A short post explaining how I use a Python script to generate (non-ai)
social preview images for my site
draft: false draft: false
description: A short post explaining how I use a Python script to generate (non-ai) social preview images for my site
url: /2024/10/29/cardy-bee
type: posts
mp-syndicate-to: mp-syndicate-to:
- https://brid.gy/publish/mastodon - https://brid.gy/publish/mastodon
- https://brid.gy/publish/twitter - https://brid.gy/publish/twitter
preview: /social/ceb86a1341e97b030d5701fe9ec41422cb237160fbd174c1911a1a34b70da703.png
tags: tags:
- colophon - colophon
- blogging - blogging
- pompidou - pompidou
- hugo - hugo
- python - python
title: "Generating (Non-AI) Social Images with Python (Cardy \U0001F41D) and Hugo"
type: posts
url: /2024/10/29/cardy-bee
--- ---
These days if you link to a blog post from a social media site like Mastodon or BlueSky the site will load your page and look for metadata element tagged `og:image` and render it inline as part of the link out to the article. If you don't supply one of these images, the social site will typically just show a grey rectangle or a "broken image" icon. Therefore, most of the time, when posting a new article I try to set a "feature image" to avoid this ugliness. These days if you link to a blog post from a social media site like Mastodon or BlueSky the site will load your page and look for metadata element tagged `og:image` and render it inline as part of the link out to the article. If you don't supply one of these images, the social site will typically just show a grey rectangle or a "broken image" icon. Therefore, most of the time, when posting a new article I try to set a "feature image" to avoid this ugliness.
@ -88,4 +90,4 @@ For sure, I mean anything that requires you to run headless-chrome is not exactl
## Final Thoughts ## Final Thoughts
This experiment was pretty quick for me to knock up and I'm pretty happy with the results. I've made the script available to others just in case it is useful but I'm not sure how useful it will be. You might be better off forking it and tailoring it to your needs or just using it as inspiration. Apologies for the name, I am a big fan of dad jokes, what can I say? This experiment was pretty quick for me to knock up and I'm pretty happy with the results. I've made the script available to others just in case it is useful but I'm not sure how useful it will be. You might be better off forking it and tailoring it to your needs or just using it as inspiration. Apologies for the name, I am a big fan of dad jokes, what can I say?