Aller au contenu principal
Version : 2.1.0

Créer un doc

Créez un fichier Markdown greeting.md et placez-le dans le répertoire docs.

website # répertoire racine de votre site
├── docs
│ └── greeting.md
├── src
│ └── pages
├── docusaurus.config.js
├── ...
---
description: Créer une page doc avec un contenu riche.
---

## Bonjour de Docusaurus

Êtes-vous prêt à créer le site de documentation de votre projet open source ?

## Les entêtes

s'afficheront sur la table des matières en haut à droite

Ainsi, vos utilisateurs sauront de quoi il s'agit sans faire défiler la page ou même sans trop la lire.

## Seuls les h2 et h3 seront par défaut dans la table des matières.

Vous pouvez configurer les niveaux d'entête de la table des matières soit par document, soit dans la configuration du thème.

Les entêtes sont bien espacés pour que la hiérarchie soit claire.

- Les listes vous aideront à
- présenter les points clés
- que vous voulez que vos utilisateurs retiennent
- et vous pouvez les imbriquer
- plusieurs fois

## Entêtes avec ID personnalisées {#custom-id}

Avec la syntaxe `{#custom-id}` vous pouvez définir votre propre ID d'entête.
remarque

Tous les fichiers préfixés par un underscore (_) sous le répertoire docs sont traités comme des pages « partielles » et seront ignorés par défaut.

En savoir plus sur l'importation de pages partielles.

Frontmatter du doc

Le frontmatter est utilisée pour fournir des métadonnées supplémentaires pour votre page de doc. Le frontmatter est optionnel — Docusaurus pourra déduire toutes les métadonnées nécessaires sans le frontmatter. Par exemple, la fonctionnalité des tags de doc introduite ci-dessous nécessite l'utilisation de la frontmatter. Pour tous les champs possibles, consultez la documentation API.

Tags de doc

En option, vous pouvez ajouter des tags à vos pages de docs, ce qui introduit une autre dimension de catégorisation en plus de la barre latérale des docs. Les tags sont passés dans le frontmatter comme une liste de libellés :

---
id: doc-with-tags
title: Un doc avec des tags
tags:
- Démo
- Pour commencer
---
astuce

Les tags peuvent également être déclarés avec tags: [Demo, Pour commencer].

En savoir plus sur toutes les syntaxes possibles des tableaux Yaml.

Organisation de la structure du dossier

La façon dont les fichiers Markdown sont organisés sous le dossier docs peut avoir plusieurs impacts sur la génération de contenu Docusaurus. Cependant, la plupart d'entre eux peuvent être découplés de la structure des fichiers.

ID du document

Chaque document a un id unique. Par défaut, l'id d'un document est le nom du document (sans l'extension) relatif au répertoire racine de la documentation.

Par exemple, greeting.md a pour ID greeting et guide/hello.md a pour ID guide/hello.

website # Répertoire racine de votre site
└── docs
├── greeting.md
└── guide
└── hello.md

Cependant, la dernière partie de l'id peut être définie par l'utilisateur dans la partie supérieure. Par exemple, si le contenu de guide/hello.md est défini comme ci-dessous, son id final est guide/part1.

---
id: part1
---

Lorem ipsum

L'ID est utilisé pour faire référence à un document lors de l'écriture manuelle de barres latérales ou lors de l'utilisation de composants ou de hooks liés à la mise en page de la documentation.

URL du doc

Par défaut, l'emplacement de l'URL d'un document est son chemin de fichier relatif au dossier docs. Utilisez slug du frontmatter pour modifier l'URL d'un document.

Par exemple, supposons que la structure de votre site ressemble à ceci :

website # Répertoire racine de votre site
└── docs
└── guide
└── hello.md

Par défaut hello.md sera disponible à /docs/guide/hello. Vous pouvez changer l'emplacement de son URL en /docs/bonjour :

---
slug: /bonjour
---

Lorem ipsum

slug sera ajouté au routeBasePath du plugin doc, qui est /docs par défaut. Consultez Mode Docs uniquement pour savoir comment supprimer la partie /docs de l'URL.

remarque

Il est possible d'utiliser :

  • des slugs absolus : slug: /mySlug, slug: /...
  • des slugs relatifs : slug: mySlug, slug: ./../mySlug...

Si vous voulez qu'un document soit disponible à la racine, et que vous avez un chemin comme https://docusaurus.io/docs/, vous pouvez utiliser le slug du frontmatter :

---
id: my-home-doc
slug: /
---

Lorem ipsum

Lors de l'utilisation de barres latérales générées automatiquement, la structure du fichier déterminera la structure de la barre latérale.

Notre recommandation pour l'organisation du système de fichiers est la suivante : faites en sorte que votre système de fichiers reflète la structure de la barre latérale (afin de ne pas avoir à écrire à la main votre fichier sidebars.js), et utilisez slug du frontmatter pour personnaliser les URL de chaque document.