Boa tarde pessoal!
Alguém poderia me ajudar com esse erro que está aparecendo no readme do meu perfil do Github. Queria que aparecesse assim:
Mas ao colocar esse código, não mostra a imagem:
Boa tarde pessoal!
Alguém poderia me ajudar com esse erro que está aparecendo no readme do meu perfil do Github. Queria que aparecesse assim:
Mas ao colocar esse código, não mostra a imagem:
Oi, Rodrigo! Tudo bem?
Para que eu consiga te ajudar de forma mais assertiva e testar exatamente o que está acontecendo, você poderia enviar aqui o link do seu perfil no GitHub ou o código que você colou no seu README?
Muitas vezes o erro está em um detalhe na escrita do nome de usuário ou em algum parâmetro da URL da API. Com o seu link, consigo verificar se a imagem renderiza corretamente ou se há algum bloqueio específico.
Fico no aguardo para analisarmos juntos.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
Boa tarde Lorena!
Segue o link: https://github.com/RodrigoJatoba
Abaixo o código:
<div align="center">
<img height="180em" src="https://github-readme-stats-git-masterrstaa-rickstaa.vercel.app/api?username=RodrigoJatoba&show_icons=true&theme=tokyonight"/>
<img height="180em" src="https://github-readme-stats-git-masterrstaa-rickstaa.vercel.app/api/top-langs/?username=RodrigoJatoba&layout=compact&theme=tokyonight"/>
</div>
E agora minhas ferramentas estão aparecendo na vertical. Mas queria que ficasse como antes, na horizontal.
Olá, Rodrigo!
Obrigada por compartilhar!
Analisando o código que você compartilhou, percebi que o problema está no endereço (URL) utilizado para buscar as imagens.
Você está usando um link que aponta para uma versão específica de testes do desenvolvedor (o trecho git-masterrstaa-rickstaa). Esses endereços alternativos costumam ficar instáveis ou sair do ar.
Pra resolver e fazer com que suas estatísticas apareçam corretamente, você deve utilizar o domínio principal da ferramenta. Tente substituir o seu código por este aqui:
<div align="center">
<img height="180em" src="https://github-readme-stats.vercel.app/api?username=RodrigoJatoba&show_icons=true&theme=tokyonight"/>
<img height="180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=RodrigoJatoba&layout=compact&theme=tokyonight"/>
</div>
O que mudou:
Apenas ajustei o início do link de https://github-readme-stats-git-masterrstaa-rickstaa.vercel.app para https://github-readme-stats.vercel.app. Este último é o endereço oficial e mais estável.
Caso as imagens ainda demorem um pouco para carregar, tente limpar o cache do seu navegador ou visualizar em uma aba anônima, pois o GitHub às vezes armazena a versão antiga da página por alguns minutos.
E pra ajustar o alinhamento, fiz dessa forma:
# Olá, me chamo Rodrigo!
## Bem vindo ao meu perfil GitHub
---
- Atualmente estou tentando uma transição de carreira para área da programação;
- Sou formado em Administração de Empresas desde 2011 pela Estácio Fal, mas senti necessidade de mudar de área e acredito que a programação seja o caminho;
- Sempre trabalhei na área administrativa e comercial;
- No momento estou só estudando pela Alura;
- Sou de Maceió / Alagoas.
---
## Ferramentas e Tecnologias:
<img align="left" alt="JS" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg" />
<img align="left" alt="CSS" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg" />
<img align="left" alt="HTML" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg" />
<img align="left" alt="GIT" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" />
<br/><br/>
---
<div align="center">
<img height="180em" src="https://github-readme-stats.vercel.app/api?username=RodrigoJatoba&show_icons=true&theme=tokyonight"/>
<img height="180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=RodrigoJatoba&layout=compact&theme=tokyonight"/>
</div>
---
## Contato
**Rodrigo Jatobá** <br>
[](https://www.linkedin.com/in/rodrigo-jatobá-9ab11b238/) [](mailto:rodrigosouza_al@hotmail.com)
Atributo align="left": Agora cada ícone tem essa instrução. Isso força as imagens a se alinharem horizontalmente, "empurrando" a próxima para o lado.
Uso do <br/><br/>: Como as imagens estão flutuando, precisamos desses "pulos de linha" logo após o último ícone para que o restante do conteúdo (como a linha divisória e as estatísticas) não tente subir para o lado dos ícones.
Obs: tirei os emojis porque o fórum não aceita que use nas respostas, você vai precisar adicionar novamente.
Espero que isso ajude a deixar seu perfil do jeito que você planejou.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!