Grupo VHN
Voltar ao Blog

Guia Completo de Markdown - Teste de Formatação

R
Rubens Dias Bicalho
79 visualizações
Guia Completo de Markdown - Teste de Formatação

Guia Completo de Markdown

Este é um post de exemplo completo para testar todas as funcionalidades do Markdown no nosso blog.


1. Títulos e Headings

Heading Nível 3

Heading Nível 4

Heading Nível 5
Heading Nível 6

2. Formatação de Texto

Você pode usar negrito ou negrito alternativo.

Você pode usar itálico ou itálico alternativo.

Você pode combinar negrito e itálico.

Você também pode usar texto riscado.


3. Listas

Lista não ordenada:

  • Item 1
  • Item 2
  • Item 3
    • Subitem 3.1
    • Subitem 3.2
  • Item 4

Lista ordenada:

  1. Primeiro item
  2. Segundo item
  3. Terceiro item
    1. Subitem 3.1
    2. Subitem 3.2
  4. Quarto item

4. Links

Visite nosso site: Grupo VHN

Link direto: https://grupovhn.com.br


5. Imagens

Veja algumas imagens de exemplo:

Exemplo de Arquitetura Moderna

Exemplo de Arquitetura Moderna

Aqui está outra imagem para testar múltiplas imagens no mesmo post:

Design de Interiores Luxuoso

Design de Interiores Luxuoso

E mais uma terceira imagem:

Projeto Arquitetônico

Projeto Arquitetônico


6. Vídeos do YouTube

Você pode incorporar vídeos usando iframe:

Ou usar link direto: Assista no YouTube


7. Citações

Esta é uma citação em bloco. Pode ter múltiplas linhas.

E múltiplos parágrafos dentro dela.


8. Código

Código inline: const exemplo = "Hello World";

Bloco de código:

function exemploCompleto() {
  const mensagem = "Teste de Markdown";
  console.log(mensagem);
  return true;
}

Outro exemplo:

interface Post {
  id: string;
  title: string;
  content: string;
  published: boolean;
}

9. Tabelas

RecursoSuportadoDescrição
HeadingsTítulos de H1 a H6
NegritoTexto em negrito
ItálicoTexto em itálico
ImagensMúltiplas imagens
VídeosYouTube embarcado
ListasOrdenadas e não ordenadas
LinksLinks externos
CódigoInline e blocos
TabelasTabelas formatadas

10. Linha Horizontal

Use três hífens para criar uma linha:


11. Combinações Complexas

Você pode combinar vários elementos diferentes em um mesmo parágrafo, como links para sites, código inline, e até mesmo imagens pequenas.

Lista com formatação:

  1. Primeiro item importante - com descrição
  2. Segundo item em itálico - também com descrição
  3. Item normal com código e link

12. Conclusão

Este post demonstra todas as funcionalidades do Markdown suportadas pelo nosso blog:

  • ✅ Headings (H1 a H6)
  • ✅ Formatação de texto (negrito, itálico, riscado)
  • ✅ Listas (ordenadas e não ordenadas)
  • ✅ Links
  • Múltiplas imagens
  • Vídeos do YouTube (iframe)
  • ✅ Citações
  • ✅ Código (inline e blocos)
  • ✅ Tabelas
  • ✅ Linhas horizontais

Dica: Use este post como referência para criar conteúdo rico e bem formatado!


Créditos: Grupo VHN - Arquitetura e Design de Alto Padrão

Última atualização: Janeiro 2026

Compartilhe este post