Pelican

Be lazy, automate: GitHub Actions for static blogging /me: Pablo Iranzo Gómez ( https://iranzo.io ) What is a blog? A place to share knowledge, interests, tips, etc. Usually features: images comments from visitors, related articles, etc. What are the costs for a blog? Web costs money: Hosting Domain Maintenance etc. What is static blogging? Generate a static webpage Think of it as rendering templates into HTML Has no requirements on the web server, any simple Webserver is enough: Look ma!, no database! Look ma!, no users! Look ma!, no security issues! What does it mean to us? We write an article Command for generating html from templates is used New files uploaded to Webserver Some Philosophy Empty your mind, be shapeless, formless, like water. Now you put water in a cup, it becomes the cup, you put water into a bottle, it becomes the bottle You put water in a teacup, it becomes the teapot Now water can flow or it can crash. Be water my friend ...

Hi, Using the following code from the Browser console: console.log(""); var images = $$("img"); for (each in images) { console.log(` <a href="${images[each].src}" data-size="4032x3024"> <img src="${images[each].src}" width="403" height="302" alt="Image description" /> </a> `); } console.log("</div>"); It will output a copy-paste ready code for integrating in your blog post and leverage the picture gallery. Warning Review the data-size to make it match the image size as PhotoSwipe requires it to match image and adjust the figcaption entry. ...

Introduction I was looking for an alternative for my (this) blog and hold pictures. I’m a lego fan so I wanted to get some pictures uploaded but without bloating the site. In the article Lego Mini Cooper MOC I did add lot of pictures, same for Lego Chinese dinner and Lego Dragon Dance. I was checking and how telegram does handle some links and found that Instagram ’links’ get expanded to list the images inside directly to see if that could help in a task I was helping at Pelican-Elegant theme used at this site for creating a gallery. ...

As a recipe, if you want to enable a custom domain name on blog-o-matic a special file needs to be created on the ‘GitHub Pages’ served ‘master’ branch. In order to do so, edit pelicanconf.py and add the following differences: diff --git a/pelicanconf.py b/pelicanconf.py index 680abcb..fc3dd8f 100644 --- a/pelicanconf.py +++ b/pelicanconf.py @@ -46,13 +46,16 @@ AMAZON_ONELINK = "b63a2115-85f7-43a9-b169-5f4c8c275655" # Extra files customization -EXTRA_PATH_METADATA = {} +EXTRA_PATH_METADATA = { + 'extra/CNAME': {'path': 'CNAME'}, +} + EXTRA_TEMPLATES_PATHS = [ "plugins/revealmd/templates", # eg: "plugins/revealmd/templates" ] -STATIC_PATHS = [ 'images' ] +STATIC_PATHS = [ 'images' , 'extra'] ## ONLY TOUCH IF YOU KNOW WHAT YOU'RE DOING! This will copy the CNAME file created in content/extra/CNAME to the resulting ‘master’ branch as /CNAME. ...

Introduction For some time now, I wanted to put the presentations I did in the past to be available, and since I’ve added support to my blog to render revealjs slides, I wanted to also put other presentations that I did in the past, probably (or for sure) outdated, but that were sitting in my computer drive. The presentations already got several transformations, but in the actual status they are stored as LibreOffice ODP files, that made it a bit difficult. ...