Aller au contenu principal
Version: 2.0.0-beta.4

Équations mathématiques

Les équations mathématiques peuvent être rendues en utilisant KaTeX.

Utilisation#

Veuillez lire la documentation de KaTeX pour plus de détails.

En ligne#

Écrivez des équations mathématiques en ligne en enveloppant les équations LaTeX entre $ :

Soit $f:[a,b] \to \R$ est une intégrale de Riemann. Soit $F:[a,b]\to\R$ est $F(x)=\int_{a}^{x}f(t)dt$. Alors $$F$$ est continue, et pour tout $x$ tel que $f$ est continue à $x$, $F$ est différentiable à $x$ avec $F'(x)=f(x)$.

Soit f:[a,b]Rf:[a,b] \to \R est une intégrale de Riemann. Soit F:[a,b]RF:[a,b]\to\R est F(x)=axf(t)dtF(x)= \int_{a}^{x}f(t)dt. Alors FF est continue, et pour tout xx tel que ff est continue à xx, FF est différentiable à xx avec F(x)=f(x)F'(x)=f(x).

Blocs#

Pour le bloc d'équation ou le mode d'affichage, utilisez les sauts de ligne et le $$ :

$$I = \int_0^{2\pi} \sin(x) dx$$

$$ I = \int_0^{2\pi} \sin(x) dx $$

Configuration#

Pour activer KaTeX, vous devez installer les plugins remark-math et rehype-katex.

npm install --save remark-math@3 rehype-katex@4 hast-util-is-element@1.1.0
caution

Utilisez exactement les mêmes versions. Les dernières versions sont incompatibles avec Docusaurus 2.

Importez les plugins dans docusaurus.config.js :

const math = require('remark-math');const katex = require('rehype-katex');

Ajoutez-les aux options de votre plugin de contenu ou de votre preset (généralement les options de docs de @docusaurus/preset-classic) :

remarkPlugins: [math],rehypePlugins: [katex],

Incluez le CSS de KaTeX dans votre configuration sous stylesheets :

stylesheets: [    {        href: "https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css",        integrity: "sha384-Um5gpz1odJg5Z4HAmzPtgZKdTBHZdw8S29IecapCSB31ligYPhHQZMIlWLYQGVoc",        crossorigin: "anonymous",    },],

Dans l'ensemble, les changements sont les suivants :

docusaurus.config.js
const math = require('remark-math');const katex = require('rehype-katex');
module.exports = {  title: 'Docusaurus',  tagline: 'Construire rapidement des sites Web optimisés, se concentrer sur votre contenu',  presets: [    [      '@docusaurus/preset-classic',      {        docs: {          path: 'docs',          remarkPlugins: [math],          rehypePlugins: [katex],        },      },    ],  ],  stylesheets: [    {      href: 'https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css',      integrity:        'sha384-Um5gpz1odJg5Z4HAmzPtgZKdTBHZdw8S29IecapCSB31ligYPhHQZMIlWLYQGVoc',      crossorigin: 'anonymous',    },  ],};