CMS

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 ...

During last year I’ve worked with the https://github.com/openshift-kni/baremetal-deploy/ repository after being working in the KNI Community team that was in charge of <KubeVirt.io> and <Metal3.io> where some of the below things were applied. One of the goals we had was to streamline the upstream <-> downstream process to keep changes done in the right way: get changes upstream and copy over downstream with minimal changes. We ended up using AsciiDoctor for building the documentation in the same way it’s done downstream so it’s just a matter of copying over the modules. ...

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. ...