teste de sintaxe e formatação em markdown

Este post funciona como um teste visual e funcional para recursos avançados de Markdown, elementos HTML e formatação de código neste blog.

Formatação de texto rico

Você pode usar texto em negrito, texto em itálico, texto tachado, e código inline como const x = 42. Também dá pra combinar como negrito em itálico ou código com link().

Bloco colapsável (details)

type PerformanceMetric = {
  latencyP99: number;
  throughput: number;
};

Blocos de código multiliguagem

Aqui está um trecho de TypeScript com syntax highlighting completo pelo Shiki:

interface UserSession {
  id: string;
  role: 'admin' | 'user' | 'guest';
  metadata?: Record<string, unknown>;
}

export async function authenticate(token: string): Promise<UserSession> {
  const payload = await verifyJwtToken(token);
  return {
    id: payload.sub,
    role: payload.role ?? 'guest',
  };
}

E aqui um trecho de Rust mostrando anotações de tipo e pattern matching:

#[derive(Debug, Clone)]
pub enum PipelineStatus {
    Idle,
    Running { progress: f32 },
    Completed { duration_ms: u64 },
    Failed(String),
}

pub fn evaluate_status(status: &PipelineStatus) -> &'static str {
    match status {
        PipelineStatus::Idle => "waiting",
        PipelineStatus::Running { .. } => "in progress",
        PipelineStatus::Completed { .. } => "done",
        PipelineStatus::Failed(_) => "error",
    }
}

Tabelas e dados estruturados

Cotações e destaques

Arquitetura é sobre as coisas importantes. Seja lá o que for.

— Ralph Johnson

Nota: O Markdown também suporta embeds HTML como <video> com poster personalizado ou wrappers responsivos.

Teste de elemento de mídia

Abaixo está uma imagem de teste com zoom ativado (clique para ampliar):

Tudo acima renderiza nativamente pelo pipeline de Markdown do Astro.