É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] \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)$.

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

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

Yarn

yarn add 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',    },  ],};