Obtenir le nombre d'articles publiés

Découvrez la méthode simple et rapide pour afficher le nombre total d'articles publiés sur votre site Docusaurus à l'aide de composants personnalisés et de l'API du thème.

8 janvier 2024 · 2 minutes de lecture

Voir la source

Christophe

Amoureux de Markdown, WSL et Docker ~ Curieux insatiable.

Cet article existe aussi en anglais — lire la version originale.

Traduction automatique

Cette traduction a été produite par une IA. Elle peut contenir des contresens ou des maladresses, en particulier sur les termes techniques. En cas de doute, consultez l'article de référence en anglais — c'est lui qui fait foi.

Cet article a plus d'un an, mais il a été relu le 30 juillet 2026 — son contenu est toujours exact.

Cet article fait partie de la série Découvrir Docusaurus :

Obtenir le nombre d'articles publiés

⚡

TL;DR

Cet article montre une astuce rapide pour compter les articles publiés sur un blog Docusaurus : ouvrez la page /blog/archive/ générée automatiquement, ouvrez la console de développement du navigateur et lancez une instruction document.querySelectorAll sur la liste des articles pour obtenir le total.

Docusaurus ne proposait pas de moyen simple de récupérer le nombre d'articles du blog, mais il existe une astuce.

Si vous avez besoin de ce compteur dans votre site plutôt qu'une seule fois dans une console, le helper construit dans Afficher les articles liés sous nos articles Docusaurus analyse déjà le front matter de chaque article et peut être réutilisé pour ça.

Il existe une page automatique appelée archive, comme /blog/archive/.

Sur cette page, tous les articles du blog sont affichés par année et par mois. Avec une instruction document.querySelectorAll dans la console, il est possible de faire le compte, comme suggéré sur https://github.com/facebook/docusaurus/discussions/9712

La page archive

Une fois la page archive affichée, appuyez sur F12 pour lancer la console de développement.

Cliquez sur l'onglet Console puis, dans la partie inférieure droite, copiez/collez l'instruction ci-dessous.

document.querySelectorAll("#__docusaurus_skipToContent_fallback > main > section > div > div > div > ul > li")

La première fois, la console vous préviendra que vous devez autoriser le collage (en français autoriser le collage). Tapez allow paste pour confirmer.

Puis copiez/collez à nouveau.

L'instruction document.querySelectorAll va récupérer chaque puce, c'est-à-dire la liste des articles. Vous verrez immédiatement le nombre, dans mon cas, comme illustré ci-dessous, 51 :

Console