Post de demonstração
Este post demonstra todos os componentes disponíveis para uso nos artigos do blog.
Callouts
ℹ️
Informação
Este é um callout de informação.
⚠️
Atenção
Este é um callout de aviso.
❌
Erro
Este é um callout de erro.
✅
Sucesso
Este é um callout de sucesso.
📝
Este é um callout de nota sem título.
Tabela de chave-valor
Framework Astro 5
Linguagem TypeScript
Estilo CSS Custom Properties
Deploy Docker + Nginx
Link Card
Astro - Build faster websites O framework web para sites orientados a conteúdo. astro.build
Color Blocks
Informação
Bloco azul para informações gerais.
Dica
Bloco verde para dicas úteis.
Importante
Bloco vermelho para itens importantes.
Nota
Bloco cinza para notas adicionais.
Toggle
Clique para expandir
Conteúdo escondido que aparece quando o toggle é aberto.
Pode conter markdown e outros elementos.
Código
function hello(name: string): string {
return `Hello, ${name}!`;
}
Lista
- Item um
- Item dois
- Item três
Citação
“A simplicidade é a sofisticação suprema.” — Leonardo da Vinci
Fim do post de demonstração.