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:
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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!
Nossa Lorena... vc me ajudou demais! Muito obrigado e muito sucesso à vc! Ficou top! Grande abraço!