Capa do artigo

Guia de Estilos Markdown

20 de maio de 2024

Este artigo serve como um teste de fumaça para garantir que todos os elementos básicos de tipografia e formatação estejam renderizando corretamente no seu blog.

Títulos

Abaixo estão os exemplos de títulos secundários (H2 a H4). O título do artigo já é um H1.

Subtítulo H3

Esta é uma seção dentro de um tópico maior.

Subtítulo H4

Para quando você precisa de granularidade extra.


Tipografia Básica

Podemos ter texto em negrito, itálico, ou até ambos. Também suportamos taxado para correções.

Se precisarmos citar código inline, usamos crase: const a = 10;.

Blockquotes são ótimos para citações ou notas de destaque. Eles devem se destacar visualmente do restante do texto.


Listas

Lista não ordenada

  • Item um
  • Item dois
    • Subitem A
    • Subitem B
  • Item três

Lista ordenada

  1. Primeiro passo
  2. Segundo passo
  3. Terceiro passo

Blocos de Código

Aqui está um exemplo de código JavaScript/Typescript com syntax highlighting:

interface User {
  id: number;
  name: string;
}

function greet(user: User): string {
  return `Olá, ${user.name}!`;
}

const me = { id: 1, name: "Neilton" };
console.log(greet(me));

E um exemplo em Python:

def fibonacci(n):
    if n <= 1:
        return n
    else:
        return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))

Tabela

Se o seu renderizador suportar GFM (GitHub Flavored Markdown), esta tabela deve aparecer formatada:

RecursoSuporteNotas
TabelasSimAlinhamento configurável
ImagensSimCom legendas (alt)
CódigoSimSyntax Highlighting

Links e Mídia

Visite o Google para mais informações.

Imagem no corpo do texto

Uma paisagem aleatória
Legenda: Uma paisagem dramática para testar a renderização de imagens.

Isso conclui o nosso guia de estilos!