Guia de Markdown

Referência rápida da sintaxe Markdown nas notas do PlainApp — títulos, listas, tabelas, blocos de código e mais.

Títulos

Adicione # no início da linha — a quantidade de # define o nível, de 1 (maior) a 6 (menor). Deixe uma linha em branco antes e depois do título.

Markdown
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6
Resultado

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Dica: O botão Título da barra do editor do PlainApp insere isso para você.

Parágrafos e quebras de linha

Separe parágrafos com uma linha em branco. Para quebrar a linha dentro de um parágrafo, termine a linha com uma barra invertida.

Markdown
First paragraph.

Second paragraph.
Resultado

First paragraph.

Second paragraph.

Markdown
Line one\
Line two
Resultado

Line one
Line two

Negrito e itálico

Envolva o texto com dois asteriscos para negrito ou um para itálico. Dois tis renderizam tachado.

Markdown
**bold text**
Resultado

bold text

Markdown
*italic text*
Resultado

italic text

Markdown
~~struck through~~
Resultado

struck through

Markdown
**bold and *nested italic***
Resultado

bold and nested italic

Listas

Comece a linha com - para marcador ou 1. para lista numerada. Use espaços para aninhar itens. Use - [ ] para uma tarefa e - [x] quando concluída.

Markdown
- One
- Two
- Three
Resultado
  • One
  • Two
  • Three
Markdown
1. First
2. Second
3. Third
Resultado
  1. First
  2. Second
  3. Third
Markdown
- [ ] Buy milk
- [x] Write the note
Resultado
  • Buy milk
  • Write the note
Markdown
- Fruit
  - Apple
  - Banana
- Vegetable
Resultado
  • Fruit
    • Apple
    • Banana
  • Vegetable

Citações e destaques

Comece a linha com > para citar. No PlainApp, > [!note] transforma o bloco em uma caixa de destaque.

Markdown
> This is a blockquote.
Resultado

This is a blockquote.

Markdown
> [!note] Heads up
> This renders as a callout box in PlainApp.
Resultado

[!note] Heads up This renders as a callout box in PlainApp.

Código

Envolva código inline com crases simples. Use três crases para um bloco de código e adicione o nome da linguagem para realce de sintaxe.

Markdown
Use `inline code` for short snippets.
Resultado

Use inline code for short snippets.

Markdown
```js
console.log("hello");
```
Resultado
console.log("hello");

Dica: O botão Código da barra do editor insere código inline e blocos de código.

Imagens

Igual a um link com um ponto de exclamação na frente: ![texto alternativo](URL da imagem).

Markdown
![PlainApp logo](/plainapp.svg)
Resultado

PlainApp logo

Tabelas

Monte uma tabela com barras verticais

Markdown
| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |
Resultado
Left Center Right
a b c
d e f

Dica: O botão Tabela da barra do editor insere um esqueleto de tabela vazio.

Linhas horizontais

Três ou mais traços, asteriscos ou underscores sozinhos em uma linha criam um separador. Deixe uma linha em branco acima, ou a linha anterior virará um título.

Markdown
First section.

---

Second section.
Resultado

First section.


Second section.

Escape de caracteres

Use uma barra invertida antes de caracteres que o Markdown formataria, como * _ # ou crase.

Markdown
\*not italic\*
Resultado

*not italic*

Markdown
\# not a heading
Resultado

# not a heading

HTML inline

O PlainApp também renderiza algumas tags HTML nas notas: sublinhado, destaque, texto colorido e detalhes recolhíveis.

Markdown
<u>underlined text</u>
Resultado

underlined text

Markdown
<mark>highlighted text</mark>
Resultado

highlighted text

Markdown
<font color="#8b5cf6">colored text</font>
Resultado

colored text

Markdown
<details>
<summary>Click to expand</summary>
Hidden content here.
</details>
Resultado
Click to expand Hidden content here.

Matemática e mais

Sobrescrito x^2^, subscrito H~2~O, matemática inline $E = mc^2$, blocos com $$, notas de rodapé [^1] e %% comentários %% ocultos.

Markdown
x^2^ + y^3^
Resultado

x^2^ + y^3^

Markdown
H~2~O
Resultado

H2O

Markdown
Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$
Resultado

Inline math $E = mc^2$ and a block: $$ a^2 + b^2 = c^2 $$

Markdown
See the footnote[^1] for details.

[^1]: This is the footnote text.
Resultado

See the footnote[^1] for details.

[^1]: This is the footnote text.

Markdown
%% This comment stays hidden in PlainApp %%
Resultado

%% This comment stays hidden in PlainApp %%

Dica: Nas notas do PlainApp, matemática, notas de rodapé e destaques viram blocos ricos; a coluna Resultado aqui mostra a saída web simples.