Hugo

[tuto] Shortcode sur Hugo

Les shortcodes Hugo ou raccourcis sont un moyen de nous simplifier la vie sur Hugo. Plus besoin d’écrire du code HTML complexe pour pouvoir utiliser des fonctionnalités.

“Je veux afficher une vidéo dans mon article” se transforme par {{< video url="" >}} qui est beaucoup plus facile à utiliser!

On peut soit en faire soi-même, soit utiliser directement ceux déjà existant.

Pour ce site, j’en ai créé six:

  • bash : Affiche du code comme dans un terminal (et simplifie visuellement la partie qu’on tape de la partie générée).
  • bulle : Affiche une info-bulle (tooltip) sur un texte et contient un lien interne vers plus d’informations.
  • numberof : Me permet rapidement d’avoir un compteur de catégorie.
  • urlbytag : Créer visuellement les tags du site.
  • peertube : Affiche une vidéo Peertube dans les articles.
  • slide : Affiche mes présentations dans les articles.
Lire l'article >

[tuto] Afficher du code sur Hugo

Comment afficher correctement des exemples de code; comment se faire des manuels.

Afficher les lignes de code? Surligner un mot-clé? Préciser si on est en administrateur ou non?

J’expliquerai au maximum comment faire tout cela dans ce tuto. Avec en prime, l’utilisation de prismjs pour rendre plus facile la lecture du code.

Et accessoirement, comment afficher du markdown sur un site fait en markdown :laughing:

Lire l'article >

[tuto] Créer un nouveau site grâce à Hugo

Nous allons créer un site static avec Hugo! Le contenu du site est généré par des fichiers Markdown. Le site est généré avec le language Go.

Lire l'article >