learnxinyminutes-docs/pt-br/markdown.md

382 lines
9.3 KiB
Markdown
Raw Normal View History

2014-07-23 19:26:54 +00:00
---
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
translators:
- ["Miguel Araújo", "https://github.com/miguelarauj1o"]
- ["Gabriele Luz", "https://github.com/gabrieleluz"]
2019-10-29 23:02:08 +00:00
- ["Monique Baptista", "https://github.com/bfmonique"]
- ["Marcel Ribeiro-Dantas", "https://github.com/mribeirodantas"]
2014-07-23 19:26:54 +00:00
filename: learnmarkdown-pt.md
---
2022-07-13 22:59:34 +00:00
O Markdown foi lançado por John Gruber em 2004. Criado para ser uma sintaxe
fácil de ler e escrever e que é facilmente convertida em HTML (hoje, suporta
outros formatos também).
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
O Markdown varia em termos de implementação de um parser para outro. Esse guia
2022-07-13 22:30:03 +00:00
irá tentar deixar explícito quando os recursos são universais ou quando são
específicos para um parser em específico.
## Elementos HTML
2024-04-20 07:52:15 +00:00
O Markdown é um superconjunto do HTML, de modo que qualquer arvquivo HTML é
um arquivo Markdown válido.
```md
2022-07-13 22:59:34 +00:00
<!--Isso significa que nós podemos usar elementos HTML em Markdown, como o
elemento de comentário, e eles não serão afetados pelo analisador de
remarcação. No entanto, se você criar um elemento HTML em seu arquivo Markdown,
você não pode usar sintaxe de remarcação dentro do conteúdo desse elemento.-->
```
## Cabeçalhos
Você pode criar elementos HTML `<h1>` até `<h6>` facilmente antecedendo o texto
2022-07-13 22:59:34 +00:00
que deseja estar nesse elemento por um número de cerquilhas (#).
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
# Isto é um cabeçalho <h1>
## Isto é um cabeçalho <h2>
### Isto é um cabeçalho <h3>
#### Isto é um cabeçalho <h4>
##### Isto é um cabeçalho <h5>
###### Isto é um cabeçalho <h6>
```
2014-07-23 19:26:54 +00:00
Markdown também nos fornece duas maneiras alternativas de indicar h1 e h2.
```md
2014-07-23 19:26:54 +00:00
Isto é um cabeçalho h1
======================
Isto é um cabeçalho h2
----------------------
```
2014-07-23 19:26:54 +00:00
## Estilos de texto simples
2022-07-13 22:59:34 +00:00
O texto pode ser facilmente estilizado como itálico ou negrito usando Markdown.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
*Este texto está em itálico*
_E este também está._
**Este texto está em negrito**
2022-07-13 22:59:34 +00:00
__E este também está.__
2014-07-23 19:26:54 +00:00
***Este texto está em negrito e itálico.***
**_E este também está_**
*__Danou-se! Este também__*
```
2014-07-23 19:26:54 +00:00
No GitHub Flavored Markdown, que é usado para processar arquivos Markdown
GitHub, nós também temos:
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
~~Este texto é processado com tachado.~~
```
2014-07-23 19:26:54 +00:00
## Parágrafos
2024-04-20 07:52:15 +00:00
Os parágrafos estão em uma ou várias linhas adjacentes de texto separadas por
uma ou múltiplas linhas em branco.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
Este é um parágrafo. Eu estou digitando em um parágrafo, não é legal?
2019-10-29 23:02:08 +00:00
Agora, eu estou no parágrafo 2.
Ainda continuo no parágrafo 2!
2014-07-23 19:26:54 +00:00
Eu estou no parágrafo três!
```
2014-07-23 19:26:54 +00:00
2024-04-20 07:52:15 +00:00
Se você quiser inserir uma tag HTML `<br />`, você pode acabar com um parágrafo
com dois ou mais espaços e, em seguida, começar um novo parágrafo.
2014-07-23 19:26:54 +00:00
```md
2024-04-20 07:52:15 +00:00
Termino com dois espaços (selecione essa linha para vê-los).
2014-07-23 19:26:54 +00:00
Há um <br /> acima de mim!
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
Blocos de citações são fáceis e feitos com o caractere >.
```md
2024-04-20 07:52:15 +00:00
> Este é um bloco de citação. Você pode
> Quebrar manualmente suas linhas e colocar um `>` antes de cada linha ou você
> pode deixar suas linhas ficarem muito longas e quebrarem por conta própria.
2022-07-13 22:59:34 +00:00
> Não faz diferença, desde que elas comecem com um `>`.
2014-07-23 19:26:54 +00:00
2024-04-20 07:52:15 +00:00
> Você também pode usar mais de um nível
>> De recuo?
> O quão legal é isso?
```
2014-07-23 19:26:54 +00:00
## Listas
2022-07-13 22:59:34 +00:00
As listas não ordenadas podem ser feitas usando asteriscos, sinais de positivo
ou hífens.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
* Item
* Item
* Outro item
ou
+ Item
+ Item
+ Outro item
ou
- Item
- Item
- Um último item
```
2014-07-23 19:26:54 +00:00
Listas ordenadas são feitas com um número seguido por um ponto.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
1. Item um
2. Item dois
2019-10-29 23:02:08 +00:00
3. Item três
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
Você não precisa sequer rotular os itens corretamente e o Markdown ainda
assim deixará os itens em ordem, mas isso pode não ser uma boa idéia.
```md
2014-07-23 19:26:54 +00:00
1. Item um
1. Item dois
1. Item três
```
(Isto é processado da mesma forma que o exemplo acima)
2014-07-23 19:26:54 +00:00
Você também pode usar sublistas.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
1. Item um
2. Item dois
3. Item três
* Sub-item
* Sub-item
4. Item quatro
```
2024-04-20 07:52:15 +00:00
Existem também listas de tarefas. Isso cria checkboxes (caixas de seleção) do
HTML.
```md
As caixas abaixo sem o 'x' são checkboxes HTML desmarcadas.
- [ ] Primeira tarefa a completar.
- [ ] Segunda tarefa a completar
A caixa de seleção abaixo será exibida como uma checkbox HTML marcada.
- [x] Essa tarefa foi completa
```
2014-07-23 19:26:54 +00:00
## Blocos de código
2022-07-13 22:59:34 +00:00
Você pode indicar um bloco de código (que utiliza o elemento `<code>`) através
de indentação com quatro espaços ou uma tabulação.
```md
Isto é código
É assim, sacou?
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
Você pode também adicionar mais tabulações (ou adicionar mais quatro espaços
adicionais) para indentação no seu código.
2014-07-23 19:26:54 +00:00
```md
my_array.each do |item|
2024-04-03 10:53:28 +00:00
puts item
end
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
Código embutido pode ser criado usando o caractere de crase `` ` ``.
2014-07-23 19:26:54 +00:00
```md
2022-07-13 22:59:34 +00:00
John não sabia nem o que a função `go_to()` fazia!
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
No GitHub Flavored Markdown, você pode usar uma sintaxe especial para código.
2024-04-03 10:53:28 +00:00
````md
```ruby
2014-07-23 19:26:54 +00:00
def foobar
2024-04-03 10:53:28 +00:00
puts "Olá mundo!"
2014-07-23 19:26:54 +00:00
end
2024-04-03 10:53:28 +00:00
```
````
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
O texto acima não requer indentação, além disso o GitHub vai usar o destaque
de sintaxe da linguagem qeu você especificar após a tag <code>```</code>.
2014-07-23 19:26:54 +00:00
## Linha Horizontal
2022-07-13 22:59:34 +00:00
Linhas horizontais são facilmente adicionadas com três ou mais asteriscos ou
hífens, com ou sem espaços.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
***
---
2024-04-20 07:52:15 +00:00
- - -
2014-07-23 19:26:54 +00:00
****************
```
2014-07-23 19:26:54 +00:00
## Links
2022-07-13 22:59:34 +00:00
Uma das melhores coisas sobre o Mardkwon é o quão fácil é criar links.
Coloque o texto a ser exibido entre colchetes [] seguido pela url entre
parênteses ()
2014-07-23 19:26:54 +00:00
```md
2022-07-13 22:59:34 +00:00
[Clique aqui!](http://test.com/)
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
Você também pode adicionar um título ao link usando aspas dentro dos parênteses.
2014-07-23 19:26:54 +00:00
```md
2022-07-13 22:59:34 +00:00
[Cliqueaqui!](http://test.com/ "Link para Test.com")
```
2014-07-23 19:26:54 +00:00
Caminhos relativos funcionam também.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
[Ir para música](/música/).
```
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
O Markdown também suporta links para referências no texto.
2014-07-23 19:26:54 +00:00
2024-04-03 10:53:28 +00:00
```md
[Clique nesse link][link1] para mais informações!
[Também cheque esse link][foobar] se você quiser.
2014-07-23 19:26:54 +00:00
2024-04-03 10:53:28 +00:00
[link1]: http://test.com/ "Legal!"
[link2r]: http://foobar.biz/ "Certo!"
```
2014-07-23 19:26:54 +00:00
2024-04-20 07:52:15 +00:00
O título também pode estar entre aspas simples ou entre parênteses, ou omitido
inteiramente. As referências podem estar em qualquer lugar no documento e os
2022-07-13 22:59:34 +00:00
IDs de referência podem ser qualquer um, desde que eles sejam únicos.
2014-07-23 19:26:54 +00:00
2022-07-13 22:59:34 +00:00
Existe também a "nomeação implícita", que permite que você use o texto do link
como o id:
2014-07-23 19:26:54 +00:00
2024-04-03 10:53:28 +00:00
```md
[Isso][] é um link.
2014-07-23 19:26:54 +00:00
2024-04-03 10:53:28 +00:00
[Isso]: http://thisisalink.com/
```
2022-07-13 22:59:34 +00:00
Mas geralmente não são usados.
2014-07-23 19:26:54 +00:00
### Tabela de conteúdo
Alguns sabores de Markdown fazem inclusive uso de combinação de listas, links e
cabeçalhos de modo a criar uma tabela de conteúdo. Nesse caso, títulos em
cabeçalhos são precedidos de (`#`) e são usados como ids para links. Se o
cabeçalho consistir de várias palavras, elas serão conectadas por hífens (`-`),
que também substitui alguns caracteres especiais. (Embora alguns outros
carácteres especiais sejam omitidos.)
```md
- [Cabeçalho](#cabecalho)
- [Um outro cabeçalho](#outro-cabecalho)
- [Capítulo](#capitulo)
- [Subcapítulo <h3 />](#subcapitulo-h3-)
```
De qualquer modo, esse é um recurso que talvez não funcione em todas as
implementações do Markdown da mesma forma.
## Imagens
2022-07-13 22:59:34 +00:00
As imagens são feitas da mesma forma que os links, mas com um ponto de
exclamação na frente!
2014-07-23 19:26:54 +00:00
```md
2024-04-20 07:52:15 +00:00
![Este é alt-text (texto alternativo) para minha imagem](http://imgur.com/myimage.jpg "Um título opcional")
```
2014-07-23 19:26:54 +00:00
E estilo de referência funciona como esperado
2014-07-23 19:26:54 +00:00
2024-04-03 10:53:28 +00:00
```md
![Esse é o alt-attribute.][myimage]
2014-07-23 19:26:54 +00:00
2024-04-03 10:53:28 +00:00
[Minha imagem]: relative/urls/cool/image.jpg "se precisar de um título, está aqui"
```
2014-07-23 19:26:54 +00:00
2024-04-20 07:52:15 +00:00
## Miscelânea
2024-04-20 07:52:15 +00:00
### Auto-links
2014-07-23 19:26:54 +00:00
```md
2024-04-20 07:52:15 +00:00
<http://testwebsite.com/> é equivalente a
[http://testwebsite.com/](http://testwebsite.com/)
```
2014-07-23 19:26:54 +00:00
### Auto-links para e-mails
2014-07-23 19:26:54 +00:00
```md
2024-04-20 07:52:15 +00:00
<foo@bar.com>
```
2014-07-23 19:26:54 +00:00
### Escapando caracteres
2014-07-23 19:26:54 +00:00
2024-04-20 07:52:15 +00:00
Quero digitar *Este texto entre asteriscos*, mas eu não quero que ele seja
2014-07-23 19:26:54 +00:00
em itálico, então eu faço o seguinte: \*Este texto entre asteriscos \*.
### Teclas do teclado
No GitHub Flavored Markdown, você pode usar a tag `<kbd>` para representar uma
tecla do teclado.
```md
Seu computador travou? Tente apertar
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
```
2024-04-20 07:52:15 +00:00
### Tabelas
2024-04-20 07:52:15 +00:00
Tabelas estão disponíveis apenas no GitHub Flavored Markdown e são ligeiramente
complicadas, mas se você realmente quer:
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
| Col1 | Col2 | Col3 |
| :----------- | :------: | ------------: |
| esquerda-alin| Centrado | direita-alinh |
| blah | blah | blah |
```
2014-07-23 19:26:54 +00:00
2024-04-20 07:52:15 +00:00
Ou, para os mesmos resultados
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
Col 1 | Col2 | Col3
:-- | :-: | --:
Ugh isso é tão feio | faça isto | parar
```
2014-07-23 19:26:54 +00:00
## Markdownlint
De modo a simplificar o trabalho com Markdown e padronizar estilo de código, o
`Markdownlint` foi criado. Essa ferramenta está disponível como plugin para
algumas interfaces de desenvolvimento (IDEs) e pode ser utilizada como um
utilitário para garantir validade e legibilidade do Markdown.
2014-07-23 19:26:54 +00:00
---
2022-07-13 23:47:25 +00:00
## Leitura complementar
2022-07-13 23:47:25 +00:00
Para mais informações, confira o post oficial de John Gruber sobre sintaxe [aqui](http://daringfireball.net/projects/markdown/syntax)
e o do cheatsheet do Adam Pritchard [aqui](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).
2022-07-13 23:47:25 +00:00
Se você quiser aprender mais sobre recursos de alguns sabores específicos de
Markdown, veja:
2024-04-19 05:58:53 +00:00
- [GitHub Flavored Markdown](https://docs.github.com/en/github/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)
- [GitLab Flavored Markdown](https://docs.gitlab.com/ee/user/markdown.html)