cavo789 🐳
@avonture.be
📤 25
📥 73
📝 133
Markdown, WSL and Docker lover ~ PHP developer ~ Insatiable curious. 👉
https://www.avonture.be
“Autopsy of a binary crime” Investigation (and solution) when you have two
#Docker
containers; one needs to connect to the first and it doesn't work.
loading . . .
Troubleshooting for Docker containers - Accessing the other one | Christophe Avonture
Troubleshoot Docker container networking - test ports, DNS, and fix proxy issues so one container can reliably call another API on the same network.
https://www.avonture.be/blog/github-networking-troubleshooting
2 days ago
0
1
0
In my new article, I discuss a range of technologies for creating
#reveal.js-style
slideshows. I suggest creating a
#Quarto-based
#devcontainer
#docker
that allows you to write your presentations with little use of the mouse. Bye
#PowerPoint
! Here an example of such slideshows:
docker.avonture.be
loading . . .
Level Up Your Presentations with Quarto, reveal.js, Decktape, Docker and DevContainers | Christophe Avonture
Create reveal.js slideshow with Quarto, Decktape, Docker and DevContainers. Write your content in Markdown. Export as HTML and PDF (thanks to Decktape)
https://www.avonture.be/blog/running-revealjs-with-docker
9 days ago
0
1
0
In my new article, let's optimize the basic
#Docusaurus
rss.xml for content aggregators. The default output often lacks the header image, full content, author and language tag. We'll enhance the file to ensure a richer user experience in newsreaders.
loading . . .
Best Practice - Customizing the Docusaurus RSS Feed for Full Content & Images | Christophe Avonture
Upgrade your Docusaurus blog's RSS file. Write a plugin to disable the basic feed and include full article content, images and enhanced metadata for better readers.
https://www.avonture.be/blog/blog-post-feed/
17 days ago
0
1
0
Unless you live on another planet, you too have seen the flood of information about
#Zorin
OS, which claims to replace Windows 10. Tested and approved. It is easy to install, and the interface is so similar to Windows that even grandma should be able to use it successfully.
loading . . .
Discovering Zorin | Christophe Avonture
Trying a new OS? Zorin OS 18 is a Linux distribution based on Ubuntu, perfect for switching from Windows. Easy install, familiar interface, and great compatibility!
https://www.avonture.be/blog/zorin
23 days ago
0
1
0
Absolutely essential for any self-respecting geek: how to inject ASCII art into the source code of each
#Docusaurus
page. Let's see how to create a
#plugin
that will be called by Docusaurus while rendering the HTML version of your site.
loading . . .
Inject ASCII Art in any HTML pages rendered by Docusaurus | Christophe Avonture
Inject an ASCII-art banner into every generated Docusaurus HTML page using a lightweight postBuild plugin. Appears in page source or can be rendered visibly.
https://www.avonture.be/blog/docusaurus-ascii-art
about 1 month ago
0
2
0
New ReactJS component for
#Docusaurus
that allows you to display a changelog (latest changes) on articles.
loading . . .
Showing the changelog of your post | Christophe Avonture
Showing the changelog of your post
https://www.avonture.be/blog/docusaurus-changelog
about 1 month ago
0
1
0
I've added a /src/data/series.js metadata to my series
#Docusaurus
component to be able to provide a description and a custom image to a series.
www.avonture.be/series/
loading . . .
All articles series | Christophe Avonture
Discover our collections of articles organized by theme.
https://www.avonture.be/series/
about 1 month ago
0
1
0
How I did to refactor my
#Docusaurus
blog using
#Docker
to setup a fast production image and a development one (using
#VScode
#DevContainer
), enabling an editable environment with pre-loaded extensions and tools like
#LanguageTool
for content quality checks,
#cspell
or
#markdownlint
.
loading . . .
Running Docusaurus using Docker | Christophe Avonture
Streamline Docusaurus blog development! Build a single Docker image for production and use VS Code Dev Containers for consistent, fast, and isolated editing.
https://www.avonture.be/blog/running-docusaurus-with-docker
about 1 month ago
0
3
0
I have updated the image of my
#Docusaurus
blog on
#Docker
Hub. If you want to try it out: in a DOS or Linux console, run “docker pull cavo789/blog” then “docker run -d -p 443:443 --name blog cavo789/blog.” Wait a few. Open a browser and go to
localhost
, and voilà, my blog is running offline. 🐋🐋
loading . . .
https://hub.docker.com/reposi.../docker/cavo789/blog/general
about 1 month ago
0
1
0
Let's see how to create a static website using
#VSCode
and
#Docker
. The
#devcontainer
will be based on an image of the
#Quarto
software. Everything will be preconfigured so that all you have to do is write your website from VSCode, and hot reload will allow you to see the changes in real time.
loading . . .
Make your Quarto project Devcontainer-Ready — No More Setup Headaches | Christophe Avonture
Convert any Quarto project into a fully portable, VSCode-powered devcontainer in minutes.
https://www.avonture.be/blog/quarto-devcontainer
about 2 months ago
1
3
1
In the professional world, there are still
#MSAccess
databases everywhere, created by business users with little or no technical skills. The last time I was called in to help because the database was slow and under-optimized, I created a tutorial to enable users to optimize their other databases.
loading . . .
How to optimize an existing MS Access database | Christophe Avonture
Speed up your slow Microsoft Access database with this step-by-step optimization guide. Learn to improve table structure, use indexes, optimize queries, and compact your database for better performanc...
https://www.avonture.be/blog/msaccess-optimize/
about 2 months ago
0
0
0
If you are or have been a
#VBA
programmer for Excel, here is a script that allows you to extract the code from modules as text files. The idea is to take a backup and send them to
#GitHub
, for example, for code versioning.
loading . . .
MS Excel - Get the list of references used in your modules | Christophe Avonture
MS Excel - Get the list of references used in your modules
https://www.avonture.be/blog/vba-excel-list-references
about 2 months ago
0
1
0
#CaesiumCLT
is a Linux batch image optimization program. For my part, I foolishly used the png format to take screenshots, which were then included in my articles. Compressing and saving them in
#webp
format without any loss of quality resulted in a 90% gain in file size—huge!
loading . . .
CaesiumCLT – Effortlessly compress your images right on your device | Christophe Avonture
Fast and efficient lossy/lossless image compression tool
https://www.avonture.be/blog/reduce-image-size
2 months ago
1
3
0
How should you structure your program to have a
#Docker
image for production and, when working locally, extend it with development tools (#devcontainer)? In this article, let's see how to proceed. One image for the deployment and, locally, using VSCode and the devcontainer feature.
loading . . .
One Docker Image for Production and Devcontainers - The Clean Way | Christophe Avonture
Learn how to design a Docker setup that delivers a secure, minimal production image while enabling effortless local development through VS Code Devcontainers with clean overrides and environment isola...
https://www.avonture.be/blog/docker-prod-devcontainer/
2 months ago
0
1
1
Can tasks be executed in parallel using a
#linux
#bash
script? Yes! You can launch multiple processes, wait for them to finish, and start new ones. When you need to manage thousands of input files to, f.i., check data quality, process them, download them somewhere, this tip will boost your script.
loading . . .
Linux - Take advantage of the number of CPUs you have; start concurrent jobs | Christophe Avonture
Optimize your Bash scripts! Learn how to run concurrent jobs and leverage all your CPU cores using process IDs (pids), wait, and nproc to dramatically reduce execution time.
https://www.avonture.be/blog/bash-parallel-task/
2 months ago
0
0
0
How to write a
#progressbar
in a
#bash
shell? In my use case, I need to download and process one or more zip, they'll contains one or till thousands of csv files. How to show the progression to the user? With a progress bar for sure; even in a
#linux
script.
loading . . .
Linux - Using a progression bar in your script | Christophe Avonture
Add a visual progression bar to your Bash scripts on Linux. This guide shows you how to easily implement a progress bar to track concurrent jobs, visualize progress, and improve your terminal user int...
https://www.avonture.be/blog/bash-progression-bar/
2 months ago
0
0
0
When you launch several different tools with
#Docker
, you get several independent containers, meaning that with the Docker Desktop tool, you see them as if they were "files" (easy comparison). In my case, I like to group them by “folder”: my ‘tools’ in a “tools” folder. Can this be done with Docker?
loading . . .
Docker - How to group containers together | Christophe Avonture
Learn how to organize Docker containers into logical groups using compose.yaml for a cleaner workflow.
https://www.avonture.be/blog/docker-name-property
2 months ago
0
1
0
When a
#Docusaurus
technical blog post was written a year or more ago, perhaps some things are no longer entirely relevant; versions may have changed, a particular tool may generate a deprecation notice, or something else may have happened. Let's display a banner to inform the reader.
loading . . .
A Docusaurus component that alerts readers the article is over a year old | Christophe Avonture
Displays a warning banner when the page content is over a year old
https://www.avonture.be/blog/docusaurus-old-notice
3 months ago
1
1
0
Over the last few days, I've redone all the images on my blog using Google Nano Banana, where you can upload one or more images, ask it to isolate one or more characters, include one or more logos, etc. and generate a new image that uses the same style as the others. In short, it's incredibly easy.
loading . . .
How I used Google Gemini Nano Banana on my blog | Christophe Avonture
How I used Google Gemini Nano Banana on my blog
https://www.avonture.be/blog/gemini-meerkat
3 months ago
1
2
0
Learn how to start a HTML site with
#Docker
in just one CLI. Even using MS-DOS.
loading . . .
Running a HTML site in seconds using Docker | Christophe Avonture
Running a HTML site in seconds using Docker
https://www.avonture.be/blog/docker-html-site/
3 months ago
0
1
0
#Docusaurus
Build a dynamic
#Snippet
component that auto-updates code from your source files, ensuring your articles are always current and impactful. Thanks to
@docuxlab.com
for his LogoIcon component.
loading . . .
A component for showing code snippets in a Docusaurus blog | Christophe Avonture
Learn how to build a custom React component to embed dynamic code snippets in your Docusaurus blog for a more interactive reader experience.
https://www.avonture.be/blog/docusaurus-snippets
3 months ago
0
1
0
Creation of a
#Docusaurus
plugin to perform Search&Replace, i.e., during the HTML code generation phase of the site, replace certain defined values with another string of characters. One could imagine a snippets-type use case for this i.e. you put things like $CLIENT_ID$ and replace it on-the-fly.
loading . . .
Creating a search&replace plugin for Docusaurus | Christophe Avonture
Creating a search&replace plugin for Docusaurus
https://www.avonture.be/blog/docusaurus-plugin-replace/
3 months ago
0
1
0
Updating my
#Docusaurus
tips article by adding a chapter about the
#Highlight
React component.
loading . . .
Some tips and tricks when written articles for Docusaurus | Christophe Avonture
Some tips and tricks when written articles for Docusaurus
https://www.avonture.be/blog/docusaurus-articles-tips/
3 months ago
0
0
0
Adding a
#ScrollToTopButton
feature on my
#Docusaurus
website. Now, a nice meerkat will be displayed during the vertical scroll on long articles. Just click on it and you'll jump back to the top with a smooth animation. React component created by
@docuxlab.com
loading . . .
Providing a go to the top button in Docusaurus posts | Christophe Avonture
Providing a go to the top button in Docusaurus posts
https://www.avonture.be/blog/docusaurus-go-top
3 months ago
0
1
1
When you're already using
#Docker
and
#vscode
, you can code inside a
#devcontainer
. You'll open your project with VSCode but everything will already be configured for that specific project: extensions, configuration, tools (like enabling XDebug here).
loading . . .
PHP development in a devcontainer with preinstalled code quality tools | Christophe Avonture
PHP development in a devcontainer with preinstalled code quality tools
https://www.avonture.be/blog/vscode-devcontainer/
3 months ago
0
1
0
List of
#CodeQuality
tools I'm using for
#Python
1. Pylint 2. Autoflake 3. isort 4. vulture 5. pydocstyle 6. mypy 7. Pyright 8. Black 9. prospector 10. Extra - Ruff
loading . . .
Python - Code Quality tools | Christophe Avonture
Python - Code Quality tools
https://www.avonture.be/blog/python-qa
3 months ago
0
0
0
My new
#Docusaurus
component (and plugin) to be able to create a list of articles as part of a series. Also, create a /series and /series/:slug pages to promote them. Creating series will allow authors to cut off very big articles in smaller ones, increase SEO and it's more professional, no? ;)
loading . . .
Organize Your Docusaurus Content with a Custom Series Component | Christophe Avonture
Organize Your Docusaurus Content with a Custom Series Component
https://www.avonture.be/blog/docusaurus-series
3 months ago
1
1
1
Overriding the native
#Docusaurus
tags page to display articles as cards; much nicer when there are a large number of articles. The Cards component is the one of
@docuxlab.com
Learn how to proceed by reading my latest article.
loading . . .
Display Docusaurus Blog Posts as Cards - A Step-by-Step Guide | Christophe Avonture
Display Docusaurus Blog Posts as Cards - A Step-by-Step Guide
https://www.avonture.be/blog/docusaurus-cards
4 months ago
0
2
0
Because this doesn't exist natively in
#Docusaurus
, I created a React component called RelatedBlogPosts that displays related articles. It increases the interest of each post (and their visibility) when a visitor comes for a specific post and sees that there are other things that may interest them.
loading . . .
Displaying related posts below our Docusaurus article | Christophe Avonture
Displaying related posts below our Docusaurus article
https://www.avonture.be/blog/docusaurus-relatedposts
4 months ago
1
1
0
After
#Behat
, after
#Cypress
let's play with
#Pest
and write some browser tests. Such functional tests will allow you to automate actions on your website like navigating, filling in forms, ... and do assertions like checking DOM elements. In this article, let's do everything in
#Docker
. No config.
loading . . .
Writing functional tests with Pest | Christophe Avonture
Writing functional tests with Pest
https://www.avonture.be/blog/pest-functional-testing
4 months ago
0
1
0
Introduction to
#Behat
which is a PHP framework to allow functional tests on your website. Behat is perhaps quite old now (but still working). Let's see in deep how to implement it and make some checks .
loading . . .
Introduction to Behat | Christophe Avonture
Introduction to Behat
https://www.avonture.be/blog/behat-introduction
4 months ago
1
0
0
A quick and easy way to override how
#Docusaurus
will translate a  Markdown notation to a <img> HTML tag. No need to code. We just need to add our override in the
#MDXComponents
file.
loading . . .
Overrides the generation of img tags with Docusaurus | Christophe Avonture
Overrides the generation of img tags with Docusaurus
https://www.avonture.be/blog/docusaurus-lazy-loading
4 months ago
1
1
0
My third part of the series "How to create a
#Joomla
site using
#Docker
". In this last step-by-step tutorial, let's see how to restore a
#jpa
archive using Docker. Like this, just take a backup of f.i. a customer site using Akeeba Backup then download the JPA and tadaaa; it's piece of cake.
loading . . .
Restore a Joomla backup using Docker | Christophe Avonture
Restore a Joomla backup using Docker
https://www.avonture.be/blog/docker-joomla-restore-jpa
4 months ago
1
7
0
My second part of the "How to create a
#Joomla
site using
#Docker
"
loading . . .
Create your Joomla website using Docker - Part 2 | Christophe Avonture
Create your Joomla website using Docker - Part 2
https://www.avonture.be/blog/docker-joomla-part-2
4 months ago
1
3
1
How to create a
#Joomla
site using
#Docker
. A full step-by-step tutorial in three parts. The last one is to learn how to restore an existing backup (a
#jpa
file) and getting his site in minutes without to install all the stuff; just Docker.
loading . . .
Create your Joomla website using Docker - Part 1 | Christophe Avonture
Create your Joomla website using Docker - Part 1
https://www.avonture.be/blog/docker-joomla
4 months ago
1
3
2
Using IA, I've created a
#docusaurus
component to display CLI in a blog post using a
#terminal
look&feel. Feel free to reuse in your own projects.
github.com/cavo789/blog...
loading . . .
https://github.com/cavo789/blog/blob/main/src%2Fcomponents%2FTerminal%2Freadme.md
4 months ago
1
1
0
I've also created a page where all my public repositories can be retrieved with searching and filtering options
loading . . .
My public repositories - Christophe Avonture | Christophe Avonture
https://www.avonture.be/repositories
4 months ago
0
1
1
In this
#docusaurus
post, learn how to create a
#react
Image
#component
then, too, a
#plugin
so we can replace images in all articles (250 in my case) and use the newly created component. At the end, we're overriding how Docusaurus creates <img> tags (but skipping blog post introduction image).
loading . . .
Change how Docusaurus will create img tags | Christophe Avonture
Change how Docusaurus will create img tags
https://www.avonture.be/blog/docusaurus-override-img
4 months ago
0
1
0
Second part of the
#BlueSky
component for
#Docusaurus
. We'll learn how to retrieve comments, likes and reposts of a BlueSky post and display them on the website. This is a step-by-step tutorial.
loading . . .
Show BlueSky comments on Docusaurus and, too, number of likes/reposts | Christophe Avonture
Show BlueSky comments on Docusaurus and, too, number of likes/reposts
https://www.avonture.be/blog/docusaurus-bluesky-comments
4 months ago
0
0
0
Adding a RelatedBlogPosts
#docusaurus
component on my site. Online example here:
www.avonture.be/blog/docker-...
4 months ago
0
1
0
Playing with
#python
#fastapi
and create a Jokes API. Simple illustration of how easy is FastApi.
loading . . .
Python - Fast API - Create your JSON API in Python in one minute | Christophe Avonture
Python - Fast API - Create your JSON API in Python in one minute
https://www.avonture.be/blog/python-fastapi/
4 months ago
0
0
0
From now, when I need to
#ssh
to my server, I just type `ssh MyAmazingApp` i.e. I should not remember the IP or the server name; just my application. And to get things easier, I just type ´ssh ` then TAB to get the list of ... suggestions.
#Autosuggestions
#zsh
loading . . .
SSH - Autosuggestions with ZSH | Christophe Avonture
SSH - Autosuggestions with ZSH
https://www.avonture.be/blog/zsh-plugin-ssh-config-suggestions/
4 months ago
0
0
0
Load a dropdown in a custom
#ribbon
in
#Excel
using a range. A pratical example would be: you'll have filters defined as ranges in a worksheet then use these values in a ribbon to get a nicer interface for your end users.
loading . . .
MS Office - Load dropdown from Excel's range | Christophe Avonture
MS Office - Load dropdown from Excel's range
https://www.avonture.be/blog/vba-excel-ribbon-load/
4 months ago
0
0
0
How to install
#heimdall
using
#Docker
to get a nice
#dashboard
easily. Really useful to gather links to your favourite tools.
loading . . .
Heimdall - Web dashboard | Christophe Avonture
Heimdall - Web dashboard
https://www.avonture.be/blog/heimdall-dashboard/
4 months ago
0
0
0
My first
#Docusaurus
component in
#React
to interact with
#BlueSky
. In this first part, we'll learn how to create a component to display a "Share on BlueSky" button. In a second article to come, we'll also retrieve the list of likes, reposts and comments from BlueSky.
loading . . .
Create our own Docusaurus React component and provide a
Create our own Docusaurus React component and provide a
https://www.avonture.be/blog/docusaurus-bluesky-share
4 months ago
2
1
1
Can someone confirm to me the BlueSky features I've added on my blog are working. Here an example page:
www.avonture.be/blog/excel-f...
Did it works for you too? Can you go to a recent article where "No comments yet on BlueSky" is displayed and add a comment to see if it appears after a refresh?
loading . . .
Excel Formula Beautifier | Christophe Avonture
Excel Formula Beautifier
https://www.avonture.be/blog/excel-formatter
5 months ago
0
0
0
reposted by
cavo789 🐳
nunomaduro
5 months ago
🏎️💨 bam bam bom! my laracon us talk is now live! check it out to see how easy browser testing gets with pest v4.
youtu.be/f5gAgwwwwOI?...
loading . . .
Pest 4: Modern Browser Testing, Sharding, Visual Diffs & more | Nuno Maduro at Laracon US 2025
YouTube video by Laravel
https://youtu.be/f5gAgwwwwOI?si=cDVTgLoV1bmC2EuY
2
13
2
#Bruno
is a free tool that does what
#Postman
(paid and proprietary) does: it allows you to test
#APIs
, save your scenarios locally (unlike Postman), and test results such as ensuring the return code (200), the type of data returned (json), the structure, etc.
loading . . .
Bruno - A postman-like tool - GUI and CLI | Christophe Avonture
Bruno - A postman-like tool - GUI and CLI
https://www.avonture.be/blog/bruno
5 months ago
0
1
0
reposted by
cavo789 🐳
Woluweb - Marc Dechèvre
5 months ago
Want to migrate your website from Joomla 3 to Joomla 5? You are totally right! Joomla 3 is no longer supported since August '23 This year we have already migrated 20+ Joomla websites successfully 🎉 So wait no longer & benefit from our experience: we can help you with this migration 👍 Contact us now!
0
1
1
Introduction to
#cypress
and using
#docker
. Cypress allows you to write functional tests: scenarios like "go to that page, ensure the http code is 200 and these xxx fields are there. Fill in the fields... Submit... Make sure the redirection is ... and on the new page, click on ...". Very easy
loading . . .
Introduction to Cypress | Christophe Avonture
Introduction to Cypress
https://www.avonture.be/blog/cypress/
5 months ago
1
1
0
Load more
feeds!
log in