Pular para o conteúdo principal

📝 Tutorial

Katex​

Site documentação

Exemplos:

212\cfrac{2}{12}

$\cfrac{2}{12}$
I=∫02πsin⁡(x) dxI = \int_0^{2\pi} \sin(x)\,dx
$$
I = \int_0^{2\pi} \sin(x)\,dx
$$

Títulos​

# Título <h1>

## Título <h2>

### Título <h3>

#### Título <h4>

##### Título <h5>

###### Título <h6>

Negrito​

Está em negrito

**Está em negrito**
**Também está em negrito**

Itálico​

Está em itálico

_Está em itálico_
_Também está em itálico_

Link

[Link](url)

Link Ancorado

[Link Ancorado](#perigo)

Listas​

Não ordenada​

  • Item 1
  • Item 2
    • Item 3
-   Item 1
-   Item 2
    -   Item 3

Arquivos como PDF para download/visualização​

[Texto que será um link clicável](/pdf/nome_do_arquivo.pdf)

Imagens​

Imagem precisa ser adicionada na pasta static/img o título deve ser uma breve referencia do que se trata a imagem e o URL será /img/nome_da_imagem.png. Favor manter o padrão de nomes separados por underline _.

![Alt ou título da imagem](URL da imagem)

Citação (Quote)​

Isso aqui

> Isso aqui

Código​

Código em linha​

isso aqui

isso `aqui`

Código em bloco​

só colocar ``` ou ~~~ envolvendo o bloco de código e inserir o nome da linguagem na abertura do bloco para adicionar sintaxe

Tabela​

ExemploValor do exemplo
Exemplo 1R$ 10
Exemplo 2R$ 8
| Exemplo   | Valor do exemplo |
| --------- | ---------------- |
| Exemplo 1 | R$ 10            |
| Exemplo 2 | R$ 8             |
| Exemplo 3 | R$ 7             |
| Exemplo 4 | R$ 8             |

Para especificar o tipo de alinhamento que deseja ter nas tabelas, utilize : ao lado do campo horizontal de hífens ---, na segunda linha da sua tabela. Veja abaixo:

  • Alinhado à esquerda: usar : no lado esquerdo (alinhamento padrão);
  • Alinhado à direita: usar : no lado direito;
  • Centralizado: usar : dos dois lados.

Admonitions​

Cards de avisos

Nota​

:::note Note - Your Title

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::
Note - Your Title

Some content with Markdown syntax. Check this api.

Dica​

:::tip Tip - Your Title

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::
Tip - Your Title

Some content with Markdown syntax. Check this api.

Informação​

:::info Info - Your Title

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::
Info - Your Title

Some content with Markdown syntax. Check this api.

Cuidado​

:::caution Caution - Your Title

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::
Caution - Your Title

Some content with Markdown syntax. Check this api.

Perigo​

:::danger Danger - Your Title

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::
Danger - Your Title

Some content with Markdown syntax. Check this api.

Abas​

import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";

<Tabs>
    <TabItem value="apple" label="Apple" default>
        This is an apple 🍎
    </TabItem>
    <TabItem value="orange" label="Orange">
        This is an orange 🍊
    </TabItem>
    <TabItem value="banana" label="Banana">
        This is a banana 🍌
    </TabItem>
</Tabs>
This is an apple 🍎

Abas com bloco de código​

Retirar os //
//```mdx-code-block
<Tabs>
<TabItem value="js" label="JavaScript" default>
//```

//```js
console.log('Hello World')
//```

//```mdx-code-block
</TabItem>
<TabItem value="python" label="Python">
//```

//```python
print('Hello World')
//```

//```mdx-code-block
</TabItem>
</Tabs>
//```
console.log('Hello World')