- Acesse https://github.com/new
- Nome do repositório:
github-infographic(ou outro nome) - Deixe público ou privado (sua escolha)
- NÃO inicialize com README (já temos um)
- Clique em Create repository
Após criar o repositório, execute:
# Adicionar remote (substitua SEU_USERNAME pelo seu usuário)
git remote add origin https://github.com/SEU_USERNAME/github-infographic.git
# Renomear branch para main (padrão do GitHub)
git branch -M main
# Fazer push
git push -u origin main- Vá em Settings → Pages
- Em "Source", selecione GitHub Actions
- Salve as alterações
Agora execute o workflow pela primeira vez:
- Vá em Actions
- Selecione "Atualizar Infográfico GitHub"
- Clique em Run workflow → Run workflow
Após alguns minutos, seu infográfico estará disponível em:
https://SEU_USERNAME.github.io/github-infographic/
O arquivo será acessível diretamente na raiz (index.html)
O workflow do GitHub Actions:
- ✅ Executa o script Node.js para buscar dados do GitHub
- ✅ Gera o arquivo HTML atualizado
- ✅ Cria uma cópia como
index.html - ✅ Publica diretamente no GitHub Pages (sem commit no repositório)
Vantagens:
- ✨ Repositório limpo, sem commits automáticos
- 🚀 Deploy direto no GitHub Pages
- 📊 Histórico de deploys em Actions
O workflow está configurado para rodar:
- Automaticamente: Toda segunda-feira às 8h UTC (5h BRT)
- Manualmente: Quando você quiser via interface do GitHub
- Vá em Actions
- Selecione "Atualizar Infográfico GitHub"
- Clique em Run workflow → Run workflow
Para alterar a frequência, edite .github/workflows/update-infographic.yml:
schedule:
# Diário às 8h UTC
- cron: '0 8 * * *'
# A cada 6 horas
- cron: '0 */6 * * *'
# Toda segunda às 8h UTC (atual)
- cron: '0 8 * * 1'* * * * *
│ │ │ │ │
│ │ │ │ └─── Dia da semana (0-6, 0=Domingo)
│ │ │ └───── Mês (1-12)
│ │ └─────── Dia do mês (1-31)
│ └───────── Hora (0-23)
└─────────── Minuto (0-59)
Agora seu infográfico será atualizado automaticamente toda semana! 🎉