Como este blog é feito
Astro, Markdown no Git e diagramas animados do ArchFlow: as escolhas por trás do blog e o que cada uma resolve.
Publicada em · 1 min de leitura
Este blog é um site estático feito com Astro. Cada post é um arquivo Markdown no Git, sem banco de dados e sem painel de edição. A vantagem é a portabilidade: se o framework mudar daqui a alguns anos, os textos continuam intactos.
O que muda na leitura
Os diagramas das aulas vêm do ArchFlow e são SVGs animados. Eles entram no texto como figuras numeradas, ocupam mais largura que a coluna de texto e nunca geram rolagem horizontal. Cada figura tem dois botões: um para pausar a animação e outro para ampliar o diagrama.
export function readingTime(markdown: string): number {
// código conta metade do tempo da prosa
}Idiomas
O conteúdo existe em português e em inglês. O seletor no cabeçalho leva à versão equivalente da página, ou à home do outro idioma quando a tradução ainda não existe.