Skip to the content.

✍️ Markdown: A Linguagem de Marcação Simples

Markdown é uma linguagem de marcação leve criada por John Gruber e Aaron Swartz em 2004. Seu objetivo principal é permitir que pessoas escrevam usando um formato de texto plano fácil de ler e escrever, que pode ser convertido de forma inteligente para HTML (e muitos outros formatos) estruturalmente válido.

Diferente de HTML, que usa tags complexas como <p> e <h1>, a sintaxe do Markdown é discreta e se assemelha a convenções de formatação usadas em e-mails e documentos de texto simples.


📜 Filosofia: Legibilidade Acima de Tudo

A filosofia central do Markdown é a legibilidade. Um documento formatado em Markdown deve ser publicável como está, em texto plano, sem parecer que foi marcado com tags ou instruções de formatação. A sintaxe é projetada para ser o mais intuitiva e discreta possível.

Compare a legibilidade:

HTML:

<h1>Título Principal</h1>
<p>Este é um parágrafo com uma palavra em <strong>negrito</strong>.</p>
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

Markdown:

# Título Principal
Este é um parágrafo com uma palavra em **negrito**.
- Item 1
- Item 2

🛠️ Sintaxe Essencial

Estes são os elementos mais comuns que você usará no dia a dia.

Cabeçalhos (Headings)

Use o caractere # no início da linha. O número de # corresponde ao nível do cabeçalho.

# Cabeçalho de Nível 1 (H1)
## Cabeçalho de Nível 2 (H2)
### Cabeçalho de Nível 3 (H3)
#### Cabeçalho de Nível 4 (H4)

Estilização de Texto (Text Styling)

*Este texto será itálico.*
_Este também será itálico._

**Este texto será negrito.**
__Este também será negrito.__

***Este texto será negrito e itálico.***

~~Este texto será tachado (riscado).~~

Listas (Lists)

Não Ordenadas: Use *, + ou - de forma intercambiável.

- Item de lista
- Outro item de lista
  - Um sub-item (com indentação)

Ordenadas: Use números seguidos de um ponto.

1. Primeiro item
2. Segundo item
3. Terceiro item

Links: A sintaxe é [texto âncora](url).

Visite o [Google](https://www.google.com).

Imagens: A sintaxe é similar à de links, mas com um ! no início: ![texto alternativo](url_da_imagem).

![Logo do Google](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png)

Citações (Blockquotes)

Use o caractere > no início da linha.

> Esta é uma citação.
> Todo este texto fará parte do mesmo bloco de citação.

Blocos de Código (Code Blocks)

Código em linha (inline): Envolva o código com crases simples (`).

Para instalar um pacote, use o comando `npm install`.

Bloco de código: Envolva o bloco de código com três crases ( `` `) ou indente as linhas com quatro espaços. É recomendado especificar a linguagem para habilitar o syntax highlighting.

```javascript
function hello() {
  console.log("Olá, mundo!");
}
```

Linhas Horizontais (Horizontal Rules)

Use três ou mais hífens, asteriscos ou underscores em uma linha.

---
***
___

📖 Variações e Extensões (Flavors)

O Markdown original de John Gruber era bastante limitado. Com o tempo, várias plataformas criaram suas próprias extensões, conhecidas como “flavors”.

graph TD;
    A[Markdown Original] --> B[CommonMark (Padronização)];
    B --> C[GitHub Flavored Markdown (GFM)];
    subgraph "Extensões do GFM"
        C -- Adiciona --> D[Tabelas];
        C -- Adiciona --> E[Listas de Tarefas: `- [x] Item`];
        C -- Adiciona --> F[Syntax Highlighting em blocos de código];
        C -- Adiciona --> G[Mais...];
    end

Exemplo de Tabela em GFM:

| Cabeçalho 1 | Cabeçalho 2 |
|-------------|-------------|
| Célula 1    | Célula 2    |
| Célula 3    | Célula 4    |

🎯 Onde o Markdown é Usado?

Markdown está em toda parte, especialmente em ambientes de desenvolvimento e escrita técnica.


🚀 Começando com Markdown

A melhor parte do Markdown é que você não precisa de nada especial para começar.

  1. Abra qualquer editor de texto simples (Bloco de Notas, VS Code, Sublime Text, etc.).
  2. Comece a escrever usando a sintaxe descrita acima.
  3. Salve o arquivo com a extensão .md ou .markdown.

Muitos editores de código e texto, como o VS Code, oferecem um preview em tempo real, permitindo que você veja o resultado final formatado enquanto escreve.

Exemplo final combinando elementos:

# Relatório Semanal

Este é um resumo das atividades da semana.

## Tarefas Concluídas
- [x] Implementar a funcionalidade de login
- [x] Escrever os testes unitários
- [ ] Corrigir o bug na página de perfil

## Próximos Passos
1. Realizar o deploy para o ambiente de testes.
2. Para mais detalhes, veja o [documento de especificação](https://example.com).