docusaurus/docs/fr/1.12.0/custom-pages.html
Website Deployment Script 46da6fa313 Deploy website
Deploy website version based on 984e2d4598
2020-06-30 01:22:37 +00:00

155 lines
No EOL
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html><html lang="fr"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Custom Pages · Docusaurus</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta name="description" content="Vous pouvez ajouter à votre site des pages qui ne font ni partie des documents standard ni des fichiers markdown du blog. Vous pouvez le faire en ajoutant des fichiers `.js` au répertoire `website/pages`. Ces fichiers sont des composants [React](https://reactjs.org/) et le `render()` est appelé pour les créer, avec le renfort des classes CSS, etc."/><meta name="docsearch:version" content="1.12.0"/><meta name="docsearch:language" content="fr"/><meta property="og:title" content="Custom Pages · Docusaurus"/><meta property="og:type" content="website"/><meta property="og:url" content="https://docusaurus.io/"/><meta property="og:description" content="Vous pouvez ajouter à votre site des pages qui ne font ni partie des documents standard ni des fichiers markdown du blog. Vous pouvez le faire en ajoutant des fichiers `.js` au répertoire `website/pages`. Ces fichiers sont des composants [React](https://reactjs.org/) et le `render()` est appelé pour les créer, avec le renfort des classes CSS, etc."/><meta property="og:image" content="https://docusaurus.io/img/docusaurus.png"/><meta name="twitter:card" content="summary"/><meta name="twitter:image" content="https://docusaurus.io/img/docusaurus.png"/><link rel="shortcut icon" href="/img/docusaurus.ico"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css"/><link rel="alternate" type="application/atom+xml" href="https://docusaurus.io/blog/atom.xml" title="Docusaurus Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://docusaurus.io/blog/feed.xml" title="Docusaurus Blog RSS Feed"/><script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44373548-31', 'auto');
ga('send', 'pageview');
</script><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script><script type="text/javascript" src="/js/code-blocks-buttons.js"></script><script src="https://unpkg.com/vanilla-back-to-top@7.1.14/dist/vanilla-back-to-top.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
addBackToTop(
{"zIndex":100}
)
});
</script><script src="/js/scrollSpy.js"></script><link rel="stylesheet" href="/css/prism.css"/><link rel="stylesheet" href="/css/main.css"/><script src="/js/codetabs.js"></script></head><body class="sideNavVisible separateOnPageNav"><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/fr"><img class="logo" src="/img/docusaurus.svg" alt="Docusaurus"/><h2 class="headerTitleWithLogo">Docusaurus</h2></a><a href="/fr/versions"><h3>1.12.0</h3></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class="siteNavGroupActive"><a href="/docs/fr/1.12.0/installation" target="_self">Documentations</a></li><li class=""><a href="/docs/fr/1.12.0/tutorial-setup" target="_self">Tutoriel</a></li><li class=""><a href="/fr/users" target="_self">Utilisateurs</a></li><li class=""><a href="/blog/" target="_self">Blog</a></li><li class=""><a href="https://github.com/facebook/docusaurus" target="_blank">GitHub</a></li><span><li><a id="languages-menu" href="#"><img class="languages-icon" src="/img/language.svg" alt="Languages icon"/>Français</a><div id="languages-dropdown" class="hide"><ul id="languages-dropdown-items"><li><a href="/docs/en/1.12.0/custom-pages">English</a></li><li><a href="/docs/ko/1.12.0/custom-pages">한국어</a></li><li><a href="/docs/pt-BR/1.12.0/custom-pages">Português (Brasil)</a></li><li><a href="/docs/ro/1.12.0/custom-pages">Română</a></li><li><a href="/docs/ru/1.12.0/custom-pages">Русский</a></li><li><a href="/docs/zh-CN/1.12.0/custom-pages">简体中文</a></li><li><a href="https://crowdin.com/project/docusaurus" target="_blank" rel="noreferrer noopener">Aidez-nous à traduire</a></li></ul></div></li><script>
const languagesMenuItem = document.getElementById("languages-menu");
const languagesDropDown = document.getElementById("languages-dropdown");
languagesMenuItem.addEventListener("click", function(event) {
event.preventDefault();
if (languagesDropDown.className == "hide") {
languagesDropDown.className = "visible";
} else {
languagesDropDown.className = "hide";
}
});
</script></span><li class="navSearchWrapper reactNavSearchWrapper"><input type="text" id="search_input_react" placeholder="Search" title="Search"/></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="docsNavContainer" id="docsNav"><nav class="toc"><div class="toggleNav"><section class="navWrapper wrapper"><div class="navBreadcrumb wrapper"><div class="navToggle" id="navToggler"><div class="hamburger-menu"><div class="line1"></div><div class="line2"></div><div class="line3"></div></div></div><h2><i></i><span>Guides</span></h2><div class="tocToggler" id="tocToggler"><i class="icon-toc"></i></div></div><div class="navGroups"><div class="navGroup"><h3 class="navGroupCategoryTitle collapsible">Premiers pas<span class="arrow"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#565656" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></span></h3><ul class="hide"><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/installation">Installation</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/site-preparation">Site Preparation</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/site-creation">Creating your site</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/publishing">Publishing your site</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/docker">Docker</a></li></ul></div><div class="navGroup"><h3 class="navGroupCategoryTitle collapsible">Guides<span class="arrow"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#565656" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></span></h3><ul class="hide"><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/adding-blog">Adding a Blog</a></li><li class="navListItem navListItemActive"><a class="navItem" href="/docs/fr/1.12.0/custom-pages">Custom Pages</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/search">Enabling Search</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/navigation">Navigation and Sidebars</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/translation">Translations &amp; Localization</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/versioning">Versioning</a></li></ul></div><div class="navGroup"><h3 class="navGroupCategoryTitle collapsible">API<span class="arrow"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#565656" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></span></h3><ul class="hide"><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/commands">CLI Commands</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/doc-markdown">Markdown Features</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/api-pages">Pages and Styles</a></li><li class="navListItem"><a class="navItem" href="/docs/fr/1.12.0/site-config">siteConfig.js</a></li></ul></div></div></section></div><script>
var coll = document.getElementsByClassName('collapsible');
var checkActiveCategory = true;
for (var i = 0; i < coll.length; i++) {
var links = coll[i].nextElementSibling.getElementsByTagName('*');
if (checkActiveCategory){
for (var j = 0; j < links.length; j++) {
if (links[j].classList.contains('navListItemActive')){
coll[i].nextElementSibling.classList.toggle('hide');
coll[i].childNodes[1].classList.toggle('rotate');
checkActiveCategory = false;
break;
}
}
}
coll[i].addEventListener('click', function() {
var arrow = this.childNodes[1];
arrow.classList.toggle('rotate');
var content = this.nextElementSibling;
content.classList.toggle('hide');
});
}
document.addEventListener('DOMContentLoaded', function() {
createToggler('#navToggler', '#docsNav', 'docsSliderActive');
createToggler('#tocToggler', 'body', 'tocActive');
var headings = document.querySelector('.toc-headings');
headings && headings.addEventListener('click', function(event) {
var el = event.target;
while(el !== headings){
if (el.tagName === 'A') {
document.body.classList.remove('tocActive');
break;
} else{
el = el.parentNode;
}
}
}, false);
function createToggler(togglerSelector, targetSelector, className) {
var toggler = document.querySelector(togglerSelector);
var target = document.querySelector(targetSelector);
if (!toggler) {
return;
}
toggler.onclick = function(event) {
event.preventDefault();
target.classList.toggle(className);
};
}
});
</script></nav></div><div class="container mainContainer docsContainer"><div class="wrapper"><div class="post"><header class="postHeader"><a class="edit-page-link button" href="https://crowdin.com/project/docusaurus/fr" target="_blank" rel="noreferrer noopener">Translate</a><h1 id="__docusaurus" class="postHeaderTitle">Custom Pages</h1></header><article><div><span><p>Vous pouvez ajouter à votre site des pages qui ne font ni partie des documents standard ni des fichiers markdown du blog. Vous pouvez le faire en ajoutant des fichiers <code>.js</code> au répertoire <code>website/pages</code>. Ces fichiers sont des composants <a href="https://reactjs.org/">React</a> et le <code>render()</code> est appelé pour les créer, avec le renfort des classes CSS, etc.</p>
<h2><a class="anchor" aria-hidden="true" id="personnalisation-de-votre-page-daccueil"></a><a href="#personnalisation-de-votre-page-daccueil" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Personnalisation de votre page d'accueil</h2>
<p>La façon la plus simple de commencer à personnaliser votre page d'accueil est d'utiliser le site d'exemple qui a été <a href="/docs/fr/1.12.0/site-creation">créé</a> lorsque vous avez exécuté le <a href="/docs/fr/1.12.0/installation">script d'initialisation Docusaurus</a>.</p>
<p>Vous pouvez <a href="/docs/fr/1.12.0/site-preparation#verifying-installation">démarrer</a> votre serveur local et aller à l'adresse <code>http://localhost:3000</code> pour voir à quoi ressemble la page d'accueil d'exemple. À partir de là, éditez le fichier <code>website/pages/fr/index.js</code> et ses divers composants pour utiliser les images et le texte que vous voulez pour votre projet.</p>
<h2><a class="anchor" aria-hidden="true" id="ajouter-dautres-pages-personnalisées"></a><a href="#ajouter-dautres-pages-personnalisées" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Ajouter d'autres pages personnalisées</h2>
<p>Docusaurus fournit quelques exemples de pages utiles dans le répertoire <code>website/pages/en</code>, y compris <code>index.js</code>, <code>users.js</code> et <code>help.js</code>. Ce sont de bons exemples pour montrer comment créer une page personnalisée pour Docusaurus.</p>
<pre><code class="hljs css language-bash">root-directory
├── docs
└── website
├── blog
├── core
│ └── Footer.js
├── package.json
├── pages
│ └── en
│ ├── help.js
│ ├── index.js
│ └── users.js
├── sidebars.json
├── siteConfig.js
└── static
</code></pre>
<p>Vous êtes également libre d'écrire vos propres pages. Il est fortement conseillé d'avoir au moins une page d'index, mais aucune des pages fournies n'est à inclure obligatoirement dans votre site. Plus d'informations sur la façon d'utiliser les composants fournis ou d'inclure vos propres composants peuvent être trouvées <a href="/docs/fr/1.12.0/api-pages">ici</a>. Des informations sur la façon de créer un lien vers vos différentes pages dans la barre de navigation d'entête peuvent être trouvées <a href="/docs/fr/1.12.0/navigation">ici</a>.</p>
<blockquote>
<p>Si vous voulez que votre page apparaisse dans votre entête de navigation, vous devrez mettre à jour <code>siteConfig.js</code> pour l'ajouter à l'élément <code>headerLinks</code>. Par exemple, <code>{ page: 'about-slash', label: 'About/' }</code>,</p>
</blockquote>
<h2><a class="anchor" aria-hidden="true" id="ajouter-de-pages-statiques"></a><a href="#ajouter-de-pages-statiques" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Ajouter de pages statiques</h2>
<p>Les fichiers statiques <code>.html</code> peuvent également être utilisés, mais ils n'incluront pas l'entête de Docusaurus, le pied de page ou les styles par défaut. Celles-ci peuvent être ajoutées au répertoire <code>static</code> de la même manière que les autres <a href="/docs/fr/1.12.0/api-pages#using-static-assets">ressources statiques</a>. Autrement, elles peuvent être placées dans le répertoire <code>pages</code> et seront traitées en tant que telles au lieu d'être affichées à partir de React.</p>
<p>Si vous souhaitez utiliser la feuille de style de Docusaurus, vous pouvez y accéder depuis <code>${baseUrl}css/main.css</code>. Si vous souhaitez utiliser des CSS séparés pour ces pages statiques, vous pouvez les empêcher d'être concaténés aux styles de Docusaurus en les ajoutant dans le champ <code>siteConfig.separateCss</code> dans <code>siteConfig.js</code>.</p>
<blockquote>
<p>Vous pouvez définir l'<a href="/docs/fr/1.12.0/site-config#optional-fields">option de configuration du site <code>$wrapPagesHTML</code></a> afin d'encapsuler les fragments HTML bruts avec le style du site Docusaurus, l'entête et le pied de page.</p>
</blockquote>
<h2><a class="anchor" aria-hidden="true" id="personnalisation-du-pied-de-page-de-votre-site"></a><a href="#personnalisation-du-pied-de-page-de-votre-site" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Personnalisation du pied de page de votre site</h2>
<p>À partir de l'exemple du fichier <code>core/Footer.js</code> qui a été <a href="/docs/fr/1.12.0/site-creation">créé</a> lorsque vous avez exécuté le <a href="/docs/fr/1.12.0/installation">script d'initialisation Docusaurus</a>, éditez le pied de page pour inclure tous les liens vers des pages de votre site ou d'autres sites que vous souhaitez avoir.</p>
<p>L'exemple fourni a trois colonnes avec une image de pied de page à gauche et le logo open source de Facebook et les droits d'auteur en bas. Si votre projet n'est pas un projet open source Facebook, supprimez le logo et les droits d'auteur. Sinon, n'hésitez pas à faire preuve de créativité avec votre pied de page et à lui donner un aspect que vous aimeriez !</p>
<p>Quelques suggestions pour les liens que vous pouvez fournir : documentation, API, Twitter, Discord, groupes Facebook, Stack Overflow, GitHub, etc.</p>
<p>Votre pied de page sera automatiquement appliqué à toutes les pages de votre site, y compris les docs et les articles du blog. La seule exception à cela, c'est toute page HTML statique que vous incluez.</p>
<p>Si vous ne voulez pas de pied de page pour votre site, changez la fonction <code>render</code> de <code>core/Footer.js</code> pour retourner <code>null</code>. Par exemple :</p>
<pre><code class="hljs css language-jsx"><span class="token keyword">const</span> React <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'react'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">class</span> <span class="token class-name">Footer</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
<span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">return</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> Footer<span class="token punctuation">;</span>
</code></pre>
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/fr/1.12.0/adding-blog"><span class="arrow-prev"></span><span>Ajouter un blog</span></a><a class="docs-next button" href="/docs/fr/1.12.0/search"><span>Activation de la recherche</span><span class="arrow-next"></span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#personnalisation-de-votre-page-daccueil">Personnalisation de votre page d'accueil</a></li><li><a href="#ajouter-dautres-pages-personnalisées">Ajouter d'autres pages personnalisées</a></li><li><a href="#ajouter-de-pages-statiques">Ajouter de pages statiques</a></li><li><a href="#personnalisation-du-pied-de-page-de-votre-site">Personnalisation du pied de page de votre site</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/docusaurus_monochrome.svg" alt="Docusaurus" width="66" height="58"/></a><div class="footerSection"><h5>Docs</h5><a href="
/docs/fr/installation">Getting Started</a><a href="
/docs/fr/versioning">Versioning</a><a href="
/docs/fr/translation">Localization</a><a href="
/docs/fr/search">Adding Search</a></div><div class="footerSection"><h5>Community</h5><a href="/fr/help">Help</a><a href="/fr/users">User Showcase</a><a href="/fr/about-slash">About</a></div><div class="footerSection"><h5>Legal</h5><a href="https://opensource.facebook.com/legal/privacy/" target="_blank" rel="noreferrer noopener">Privacy</a><a href="https://opensource.facebook.com/legal/terms/" target="_blank" rel="noreferrer noopener">Terms</a></div><div class="footerSection"><h5>Social</h5><div class="social"><a class="github-button" href="https://github.com/facebook/docusaurus" data-count-href="https://github.com/facebook/docusaurus/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">docusaurus</a></div><div class="social"><a href="https://twitter.com/docusaurus" class="twitter-follow-button">Follow @docusaurus</a></div><div class="social"><div class="fb-like" data-href="https://docusaurus.io" data-colorscheme="dark" data-layout="standard" data-share="true" data-width="225" data-show-faces="false"></div></div></div></section><a href="https://opensource.facebook.com/" target="_blank" rel="noreferrer noopener" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright"><span>Copyright © 2020 Facebook Inc.</span> Landing images by <a href="https://undraw.co/">unDraw</a>.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'199138890728411',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
document.addEventListener('keyup', function(e) {
if (e.target !== document.body) {
return;
}
// keyCode for '/' (slash)
if (e.keyCode === 191) {
const search = document.getElementById('search_input_react');
search && search.focus();
}
});
</script><script>
var search = docsearch({
apiKey: '3eb9507824b8be89e7a199ecaa1a9d2c',
indexName: 'docusaurus',
inputSelector: '#search_input_react',
algoliaOptions: {"facetFilters":["language:fr","version:1.12.0"]}
});
</script></body></html>