https://limonier.be/tags/code/ Hugo fr contact@limonier.be Sun, 23 Aug 2026 20:40:47 +0200 https://limonier.be/tuto/hugo/shortcode-hugo/ Sun, 23 Aug 2026 20:40:47 +0200 Mathieu Limonier https://limonier.be/tuto/hugo/shortcode-hugo/ <p>Les shortcodes Hugo ou raccourcis sont un moyen de nous simplifier la vie sur Hugo. Plus besoin d&rsquo;écrire du code HTML complexe pour pouvoir utiliser des fonctionnalités.</p> <p>&ldquo;Je veux afficher une vidéo dans mon article&rdquo; se transforme par <code>{{&lt; video url=&quot;&quot; &gt;}}</code> qui est beaucoup plus facile à utiliser!</p> <p>On peut soit en faire soi-même, soit utiliser directement ceux déjà existant.</p> <p>Pour ce site, j&rsquo;en ai créé six:</p> <ul> <li><strong><a href="#bash" >bash</a></strong> : Affiche du code comme dans un terminal (et simplifie visuellement la partie qu&rsquo;on tape de la partie générée).</li> <li><strong><a href="#bulle" >bulle</a></strong> : Affiche une info-bulle (tooltip) sur un texte et contient un lien interne vers plus d&rsquo;informations.</li> <li><strong><a href="#numberof" >numberof</a></strong> : Me permet rapidement d&rsquo;avoir un compteur de catégorie.</li> <li><strong><a href="#urlbytag" >urlbytag</a></strong> : Créer visuellement les tags du site.</li> <li><strong><a href="#peertube" >peertube</a></strong> : Affiche une vidéo Peertube dans les articles.</li> <li><strong><a href="#slide" >slide</a></strong> : Affiche mes présentations dans les articles.</li> </ul><br><a href="https://limonier.be/tuto/hugo/shortcode-hugo/">Lire la suite sur le site!</a>