Ir para o conteúdo principal
Version: 2.0.0-beta.5

Equações Matemáticas

As equações matemáticas podem ser processadas usando KaTeX.

Utilização#

Leia a documentação da KaTeX para obter mais detalhes.

Embutido#

Escreva equações matemáticas em linha envolvendo equações LaTeX entre $:

Let $f:[a,b] \to \R$ be Riemann integrable. Let $F:[a,b]\to\R$ be $F(x)=\int_{a}^{x}f(t)dt$. Então $$F$$ é contínuo e $x$ tal que $f$ é contínuo em $x$, $F$ é derivável em $x$ com $F'(x)=f(x)$.

Let f:[a,b]Rf:[a,b] \to \R be Riemann integrable. Let F:[a,b]RF:[a,b]\to\R be F(x)=axf(t)dtF(x)= \int_{a}^{x}f(t)dt. Então FF é contínua e xx tal que ff é contínua em xx, FF é derivável xx com F(x)=f(x)F'(x)=f(x).

Blocos#

Para bloco de equação ou modo de exibição, use quebra de linha e $$:

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

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

Configuração#

Para habilitar o KaTeX, você precisa instalar plugins remark-math e rehype-katex.

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

Use exatamente as mesmas versões. As versões mais recentes são incompatíveis com o Docusaurus 2.

Importe os plugins no docusaurus.config.js:

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

Adicione-os ao seu plugin de conteúdo ou opções de predefinição (geralmente opções @docusaurus/preset-classic):

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

Inclua o CSS KaTeX em sua configuração em stylesheets:

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

Em geral, as mudanças se parecem com:

docusaurus.config.js
const math = require('remark-math');const katex = require('rehype-katex');
module.exports = {  title: 'Docusaurus',  tagline: 'Build optimized websites quickly, focus on your content',  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',    },  ],};