Yuri Almeida
Web Developement

Markdown Showcase

Yuri Almeida
<!DOCTYPE html>

Um guia vivo de padrões de Markdown para copiar/colar. Dica: Use a tabela de conteúdos abaixo para pular para seções.

Tabela de Conteúdos - Títulos - Estilos de Texto - Parágrafos &amp; Quebras de Linha - Listas - Listas de Tarefas - Links - Imagens - Citações - Código - Tabelas - Notas de Rodapé - Definições - Detalhes / Resumo - Linhas Horizontais - Caracteres Especiais &amp; Escape - Chamadas (Ad-hoc) - Diagramas Mermaid - HTML no Markdown - Dicas Diversas - Referências


Títulos

H1 — Título Grande

H2 — Seção

H3 — Subseção

H4 — Título Menor

H5 — Título Pequeno
H6 — Título Microscópico

Estilos de Texto

Texto normal, com negrito, itálico e negrito itálico. ~~Tachado~~ é útil para registros de mudanças. Código inline code para identificadores, npm run build ou variáveis como FOO=bar. Destaque ==texto importante== com &lt;mark&gt; em HTML: isto está destacado. Sobrescrito: 2^10^ e Subscrito: H~2~O (pode exigir HTML: H2O). Emoji: 🎯 🚀 😄 ou via shortcodes: :sparkles: :warning: :memo:

Nota: O GFM oferece suporte a tabelas, listas de tarefas, tachado, autolinks e notas de rodapé.


Parágrafos &amp; Quebras de Linha

Um parágrafo é composto por uma ou mais linhas de texto separadas por uma linha em branco.

Quebras de linha ocorrem quando você termina uma linha com dois espaços. Ou configure seu renderizador para tratar novas linhas como quebras.


Listas

Não Ordenadas

  • Maçãs
  • Fuji
  • Gala
  • Laranjas
  • Navel
  • Sanguínea
  • Bananas

Ordenadas

  1. Primeiro
  2. Segundo
  3. Subetapa A
  4. Subetapa B
  5. Terceiro

Mistas

  • Instalar dependências 1. npm install 2. npm run dev
  • Configurar ambiente
  • .env.local
  • Chaves de API

Listas de Tarefas

  • [x] Escrever especificação
  • [x] Adicionar testes
  • [ ] Implementar recurso
  • [ ] Revisar &amp; fazer merge

Tarefas podem ser aninhadas: - [ ] Pai - [x] Filho concluído - [ ] Filho pendente


Links

Link inline: Markdown Guide Link de referência: GitHub ou este repositório. Autolink (GFM): https://example.com


Imagens

Imagem inline:

Texto alternativo da imagem

Imagem por referência:

Robô

Dica: Para imagens locais, use caminhos relativos como ./assets/diagram.png.


Citações

Citação de um nível para citações ou chamadas.

Múltiplos níveis:

Citação nível 2

Citação nível 3


Código

Inline

Use console.log("hello") para debug rápido.

Blocos de Código Delimitados

# Bash
mkdir -p dist &amp;&amp; echo &quot;Hello&quot; &gt; dist/hello.txt
ls -lah dist
Markdown Showcase | Blog