Changelog
Acompanhe as atualizações do Bloco de Notas, de layout ou de novas funcionalidades.
Modificado
- Novo visual minimalista, em coluna única, com a fonte IBM Plex Sans (carregada do Google Fonts)
- Tema claro e escuro automático, de acordo com a preferência do sistema
- Cabeçalho com Posts e Changelog; redes sociais e RSS foram para o rodapé
- Lista de posts com data e título, agrupada por ano na página de todos os posts
- Cores de marca das redes sociais e botão colorido removidos, com um único acento roxo nos links
- Botão com ícones de lua e sol no menu do cabeçalho para alternar o tema manualmente com dica ao passar o mouse e nome acessível que descrevem a ação ("Ativar modo claro" ou "Ativar modo escuro")
- A escolha fica salva no navegador (
localStorage); sem escolha, vale o tema do sistema - Script mínimo inline em
src/_includes/theme.js, aplicado antes da pintura para evitar flash de tema errado - O botão só aparece com JavaScript ativo
- A escolha fica salva no navegador (
- Acessibilidade
- Link para pular para o conteúdo, foco visível em todos os links e menu com
aria-current - Contraste mínimo AA nos temas claro e escuro, inclusive no destaque de código
- Um
h1por página, blocos de código rolam e recebem foco por teclado
- Link para pular para o conteúdo, foco visível em todos os links e menu com
- Blog migrado do GitHub Pages para o Cloudflare
- Novo endereço:
https://blog.tcelestino.dev.br/ - Deploy continua automático via GitHub Actions a cada merge na
main, agora comwrangler deploy - Removido
--pathprefix=bloco-de-notasdo scriptbuild - URLs de
src/_data/site.json,src/feed.njke links internos dos posts atualizadas para o novo domínio
- Novo endereço:
Adicionado
wrangler.jsonccom a configuração do Worker de assets estáticos e do custom domain- Redirecionamento do endereço antigo do GitHub Pages para
https://blog.tcelestino.dev.br/- Stub em
redirect-stub/publicado na branchgh-pagespor.github/workflows/redirect-stub.yml - Feed antigo agora avisa da mudança de endereço
- Stub em
- Preview deploy por Pull Request
- Workflow
.github/workflows/preview.ymlsobe uma versão do Worker com aliaspr-<número>e comenta a URL no PR wrangler.jsonccompreview_urls: trueeworkers_dev: false
- Workflow
Adicionado
- Meta tags padrão no layout base
src/_layouts/default.njk- Meta tag
titlecom o título do site - Meta tag
descriptionexibe osummarydo post quando disponível, ou a descrição padrão do site - Meta tag
keywordsusa astagsdo post quando disponíveis, ou as palavras-chave padrão do site
- Meta tag
- Campo
keywordsemsrc/_data/site.jsoncom palavras-chave padrão do blog - Meta tags Open Graph e Twitter Card no layout base
src/_layouts/default.njkpara compartilhamento nas redes sociais - Campo
baseUrlemsrc/_data/site.jsoncom a URL base do domínio para construção de URLs absolutas
Modificado
- Dependência
@11ty/eleventyatualizada da versão3.1.2para3.1.5empackage.json - Tag
<title>atualizada para incluir osummarydo post como prefixo quando disponível, no formato"[summary] - [título do site]" - Classe
.content__postadicionada ao elemento<article>emsrc/_layouts/post.njkpara escopo dos novos estilos de post - Tamanho de fonte dos títulos
h3na listagem de posts alterado devar(--font-size-base)paracalc(var(--font-size-medium) - 5px)emsrc/assets/css/last-posts.css - Cor de fundo do link "ver todos os posts" alterada de
#800080para#551a8bemsrc/assets/css/last-posts.css - Tamanho de fonte do link "ver todos os posts" alterado de
var(--font-size-small)paravar(--font-size-base)emsrc/assets/css/last-posts.css - Texto do link "ver todos os posts" convertido para letras maiúsculas via
text-transform: uppercaseemsrc/assets/css/last-posts.css - Reset de
marginepaddingdos elementosul,olefigureconsolidado com os demais elementos de título emsrc/assets/css/main.css - Novo arquivo
src/assets/css/post.csscom estilos específicos para o conteúdo dos posts, importado emsrc/assets/css/main.css - Novas variáveis CSS em
src/assets/css/var.csspara cores de links (--color-text-link,--color-text-link-hover,--color-text-link-active,--color-text-link-visited)
Corrigido
- Removida propriedade
white-space: nowrapdo elementoh3emsrc/assets/css/last-posts.css
Adicionado
- Novo filtro de data numérica
shortDate- Criado
lib/filters/shortDate.jsque formata datas no padrão brasileiro (DD/MM/YYYY) - Registrado filtro em
eleventy.config.js - Formato mais compacto com dois dígitos para dia e mês substitui o anterior de data por extenso
- Criado
Modificado
- Listagem de posts na página inicial
- Aumentado limite de 6 para 10 posts mais recentes através da constante
LATEST_POSTS_LIMITemlib/collections/posts.js - Título da seção alterado de "Últimas postagens" para "Últimas publicações"
- Layout reorganizado para exibição em linha horizontal com data e título
- Implementado espaçamento consistente usando variáveis CSS do projeto
- Aumentado limite de 6 para 10 posts mais recentes através da constante
- Estilização da listagem
- Adicionado CSS específico para itens de lista com
display: flex - Ajustado tamanho de fonte do título para
var(--font-size-small) - Classe
.summarycomdisplay: nonepara ocultar descrição dos posts - Hífen separador movido do template para CSS usando pseudo-elemento
::after - Propriedade
white-space: nowrapadicionada ao elementoh3para evitar quebra de linha
- Adicionado CSS específico para itens de lista com
- Usando o filtro
shortDatepara formatação da data no templatelast-posts.njk
Adicionado
- Collection dedicada para o feed RSS
- Criado
lib/collections/postsFeed.jscom todos os posts sem limite - Registrada nova collection
postsFeedemeleventy.config.js - Feed RSS agora exibe todos os posts publicados, não apenas os 6 mais recentes
- Criado
Modificado
- Configuração do feed RSS
src/feed.njkagora usa a collectionpostsFeedao invés depostsfeedPathemsrc/_data/site.jsonagora usa URL absoluta completa- Meta tag do feed em
src/_layouts/default.njksimplificada usandosite.feedPathesite.title
- Renomeação de campo de descrição em posts
- Campo
descriptionno front-matter dos posts renomeado parasummary - Referências em
src/index.njkatualizadas para usarpost.data.summary - Resumo removido da listagem de todos os posts em
src/last-posts.njk - Posts existentes migrados para usar o novo campo
- Campo
Corrigido
- Carregamento de CSS e assets no GitHub Pages
- Removido filtro
urldo Eleventy de todas as referências de CSS emsrc/_layouts/default.njk,src/index.njkesrc/last-posts.njk - Todos os links internos agora usam caminhos absolutos sem filtro
- Corrigido uso de URLs absolutas simples (ex:
/assets/css/main.css) ao invés de URLs com filtro - Eliminada duplicação de
--pathprefixque causava erro 404 no carregamento de assets e urls
- Removido filtro
- Caminho do feed RSS na meta tag
- Removido prefixo
/bloco-de-notas/da meta tag do feed RSS emsrc/_layouts/default.njk - Link do feed agora usa
/feed.xmlao invés de/bloco-de-notas/feed.xml
- Removido prefixo
- Base URL do feed RSS
- Removido sufixo
/bloco-de-notas/da propriedadebaseemsrc/feed.njk - URL base agora é
https://tcelestino.github.io/ao invés dehttps://tcelestino.github.io/bloco-de-notas/
- Removido sufixo
Adicionado
- Arquivo de configurações gerais do blog
- Criado
src/_data/site.jsoncom configurações centralizadas - Propriedades: title, description, url, author e feedPath
- Configurações serão usadas para meta tags de SEO
- Criado
Modificado
- Configuração do plugin RSS simplificada em
eleventy.config.js- Renomeado import de
pluginRssparafeedPlugin - Removida configuração detalhada (type, outputPath, collection)
- Plugin agora usa configuração padrão
- Renomeado import de
- Layout padrão agora usa configurações centralizadas
- Title dinâmico usando
Bloco de Notas por Tiago Celestinoemsrc/_layouts/default.njk - Feed path dinâmico usando
https://blog.tcelestino.dev.br/feed.xmlemsrc/_layouts/default.njk
- Title dinâmico usando
Adicionado
- Plugin RSS oficial do Eleventy (
@11ty/eleventy-plugin-rss) como dependência - Template para feed RSS em
src/feed.njk:- Metadados do blog (título, descrição, idioma, autor)
- Formato RSS 2.0 com suporte a Atom
- Limitado aos 5 posts mais recentes
- Link para o feed RSS na navegação social (
lib/collections/nav-links.js) - Atributo
titlenos links da navegação social para melhor acessibilidade - Estilos CSS para o link RSS (
src/assets/css/header.css):- Separador visual (borda direita)
- Cor personalizada laranja (#f8981c)
- Nova variável CSS para cor do RSS (
--color-social-rss: #f8981c) emsrc/assets/css/var.css - Filtro
dateToRfc822do plugin RSS para formatação de datas no feed - Documentação completa do projeto em
README.md:- Descrição do projeto e tecnologias utilizadas
- Estrutura de diretórios
- Comandos de desenvolvimento
- Características principais
Modificado
- Configuração do Prettier para habilitar ponto-e-vírgula (
semi: true) - Formatação do código em
lib/collections/nav-links.jsseguindo as novas regras do Prettier - Link RSS movido para primeira posição na lista de links sociais
- Removido link RSS desabilitado da navegação
Adicionado
- Arquivo de configuração
.editorconfigcom regras de formatação:- Charset UTF-8
- Final newline
- LF como end of line
- Indentação com espaços (2 espaços)
- Limite de 80 caracteres por linha
- Configuração do Prettier (
.prettierrc):- Trailing comma em ES5
- Sem ponto-e-vírgula
- Aspas simples
- Novo link social para o Unsplash na navegação (
lib/collections/nav-links.js) - Estilo CSS para o link do Unsplash (
src/assets/css/header.css) - Nova variável CSS para cor do Unsplash (
--color-social-unsplash: #111) emsrc/assets/css/var.css
Modificado
- Formatação do código em
lib/collections/nav-links.jsseguindo as novas regras do Prettier - Ajuste na importação do CSS em
src/assets/css/header.css(aspas duplas para aspas simples)
Adicionado
- Criação da página "Últimos Posts" (
src/last-posts.njk) que lista todos os artigos do blog sem paginação. - Nova coleção
lastPosts.jspara agregar todos os posts publicados. - Novo arquivo CSS (
last-posts.css) para estilização da página de últimos posts. - Link para a página de últimos posts adicionado na página inicial.
Modificado
- Ajuste no texto da página 404 (not-found) para melhor clareza e formatação.
- Reorganização e limpeza do CSS:
- Remoção de código CSS não utilizado no arquivo
home.css. - Ajustes nas referências de CSS em
main.css. - Otimização de variáveis CSS em
var.css.
- Remoção de código CSS não utilizado no arquivo
- Correções de typo no código.
Adicionado
- Criação do css (
home.css) para formatação da capa do blog. - Limitação da coleção de posts para exibir apenas os 6 posts mais recentes na página inicial.
- Usando o método
toReversed()para reverter os posts
Modificado
- Centralizando do header, conteúdo e rodapé.
- Restruturação das marcações HTML na capa.
- Remoção de formatações e variáveis não utilizadas não utilizadas no css
- Atualização do
CLAUDE.mdcom informações sobre a estrutura de updates/changelog e correções na documentação de comandos.
Adicionado
- Nova página
updatespara registrar as atualizações realizadas no Bloco de Notas.
Adicionado
- Novo header adicionando links para as redes sociais
- Criação do arquivo
CLAUDE.mdpara instruções do Claude Code.
Modificado
- Organização dos CSS em arquivos separados para facilitar a manutenção.