<!DOCTYPE html><htmllang="fr"><head><metacharSet="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><title>Create Pages · Docusaurus</title><metaname="viewport"content="width=device-width"/><metaname="generator"content="Docusaurus"/><metaname="description"content="Dans cette section, nous apprendrons comment créer deux types de pages dans Docusaurus : une page normale et une page de documentation."/><metaname="docsearch:version"content="1.14.6"/><metaname="docsearch:language"content="fr"/><metaproperty="og:title"content="Create Pages · Docusaurus"/><metaproperty="og:type"content="website"/><metaproperty="og:url"content="https://docusaurus.io/"/><metaproperty="og:description"content="Dans cette section, nous apprendrons comment créer deux types de pages dans Docusaurus : une page normale et une page de documentation."/><metaproperty="og:image"content="https://docusaurus.io/img/docusaurus.png"/><metaname="twitter:card"content="summary"/><metaname="twitter:image"content="https://docusaurus.io/img/docusaurus.png"/><linkrel="shortcut icon"href="/img/docusaurus.ico"/><linkrel="stylesheet"href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><linkrel="stylesheet"href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css"/><linkrel="alternate"type="application/atom+xml"href="https://docusaurus.io/blog/atom.xml"title="Docusaurus Blog ATOM Feed"/><linkrel="alternate"type="application/rss+xml"href="https://docusaurus.io/blog/feed.xml"title="Docusaurus Blog RSS Feed"/><script>
</script></nav></div><divclass="container mainContainer docsContainer"><divclass="wrapper"><divclass="post"><headerclass="postHeader"><aclass="edit-page-link button"href="https://crowdin.com/project/docusaurus/fr"target="_blank"rel="noreferrer noopener">Translate</a><h1id="__docusaurus"class="postHeaderTitle">Create Pages</h1></header><article><div><span><p>Dans cette section, nous apprendrons comment créer deux types de pages dans Docusaurus : une page normale et une page de documentation.</p>
<li><p>Dans le répertoire <code>site/pages/fr</code> de votre dépôt, enregistrez un fichier texte appelé <code>hello-world.js</code> avec le contenu suivant :</p>
<p>Utilisez n'importe quel éditeur de texte pour créer le fichier, tel que <ahref="https://code.visualstudio.com/download">Microsoft Visual Studio Code</a> ou <ahref="https://www.activestate.com/komodo-edit">Komodo Edit</a>.</p>
<li>Allez à l'adresse <ahref="http://localhost:3000/hello-world">http://localhost:3000/hello-world</a> et vous devriez pouvoir voir la nouvelle page.</li>
<li>Changez le texte dans le <code><p>...</p></code> en "Je peux écrire du JSX ici !" et enregistrer le fichier à nouveau. Le navigateur devrait se rafraîchir automatiquement pour faire apparaître le changement.</li>
<p>React est utilisé comme moteur de template pour le rendu du balisage statique. Vous pouvez tirer parti de la puissance d'expression de React pour créer du contenu web riche. Apprenez en plus sur la création de pages <ahref="custom-pages">ici</a>.</p>
<li><p>Créer un nouveau fichier dans le dossier <code>docs</code> appelé <code>doc9.md</code>. Le dossier <code>docs</code> est à la racine de votre projet Docusaurus, un niveau au-dessus de <code>website</code>.</p></li>
<li>Le <code>sidebars.json</code> est l'endroit où vous spécifiez l'ordre de vos pages de documentation, alors ouvrez <code>website/sidebars.json</code> et ajoutez <code>"doc9"</code> après <code>"doc1"</code>. Cet ID doit être le même que dans les métadonnées du fichier Markdown ci-dessus, donc si vous avez donné un ID différent à l'étape 2, assurez-vous d'utiliser le même ID dans le fichier de la barre latérale.</li>
<li>Un redémarrage du serveur est nécessaire pour récupérer les modifications de la barre latérale, alors allez dans votre terminal, tuer votre serveur de développement (<kbd>Cmd</kbd> + <kbd>C</kbd> ou <kbd>Ctrl</kbd> + <kbd>C</kbd>), et exécuter <code>npm start</code> ou <code>yarn start</code>.</li>
<li>Naviguez vers l'adresse <ahref="http://localhost:3000/docs/doc9">http://localhost:3000/docs/doc9</a> pour voir la nouvelle page de documentation.</li>
<p>Vous avez créé votre première page de documentation sur Docusaurus !</p>
<p>Apprenez en plus sur la création de page de documentation <ahref="navigation">ici</a>.</p>
</span></div></article></div><divclass="docs-prevnext"><aclass="docs-prev button"href="/docs/fr/tutorial-create-new-site"><spanclass="arrow-prev">← </span><span>Créer un nouveau site</span></a><aclass="docs-next button"href="/docs/fr/tutorial-publish-site"><span>Publier le site</span><spanclass="arrow-next"> →</span></a></div></div></div><navclass="onPageNav"><ulclass="toc-headings"><li><ahref="#création-dune-page-ordinaire">Création d'une page ordinaire</a></li><li><ahref="#création-dune-page-de-documentation">Création d'une page de documentation</a></li><li><ahref="#syntaxe-de-markdown">Syntaxe de Markdown</a></li></ul></nav></div><footerclass="nav-footer"id="footer"><sectionclass="sitemap"><ahref="/"class="nav-home"><imgsrc="/img/docusaurus_monochrome.svg"alt="Docusaurus"width="66"height="58"/></a><divclass="footerSection"><h5>Docs</h5><ahref="