Aller au contenu principal
Version : 3.6.1

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 de documentation avec un contenu riche.
---

# Bonjour de la part de Docusaurus

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

## Les titres

apparaîtront dans la table des matières en haut à droite

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

## Par défaut, seuls les h2 et h3 figureront dans la table des matières.

Vous pouvez configurer les niveaux de titres de la table des matières soit par document, soit dans la configuration du thème.

Les titres sont bien espacés de manière à ce 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
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.

Pour en savoir plus sur l'importation de pages partielles.

Front matter du Doc​

Le front matter est utilisé 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 du front matter. Pour connaître tous les champs possibles, consultez la documentation de l'API.

Tags de doc​

Tags are declared in the front matter and introduce another dimension of categorization in addition to the docs sidebar.

It is possible to define tags inline, or to reference predefined tags declared in a tags file (optional, usually docs/tags.yml).

In the following example:

  • docusaurus references a predefined tag key declared in docs/tags.yml
  • Releases is an inline tag, because it does not exist in docs/tags.yml
docs/my-doc.md
---
tags:
  - Releases
  - docusaurus
---

# Title

Content
docs/tags.yml
docusaurus:
  label: 'Docusaurus'
  permalink: '/docusaurus'
  description: 'Docs related to the Docusaurus framework'
astuce

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

Pour en savoir plus sur toutes les syntaxes de tableau Yaml.

Organisation de la structure des dossiers​

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 le front matter. 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​

By default, a document's URL location is its file path relative to the docs folder, with a few exceptions. Ainsi, si un fichier porte l'un des noms suivants, le nom du fichier ne sera pas inclus dans l'URL :

  • Nommé comme index (insensible à la casse) : docs/Guides/index.md
  • Nommé comme README (insensible à la casse) : docs/Guides/README.mdx
  • Même nom que le dossier parent : docs/Guides/Guides.md

In all cases, the default slug would only be /Guides, without the /index, /README, or duplicate /Guides segment.

remarque

This convention is exactly the same as the category index convention. However, the isCategoryIndex configuration does not affect the document URL.

Utilisez slug du front matter 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 dans /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 le 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 front matter :

---
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 front matter pour personnaliser les URL de chaque document.