Tutorial Fcil de Customizao do Perfil do GitHub

Esse tutorial tem o objetivo de ajudar as pessoas a desenvolverem seus prprios perfis personalizados do GitHub, de maneira mas simplificada possvel

Categorias

• Primeiros passos
  • Requisitos
  • Criando
  • Customizando
• Link Utilizados

Requisitos

• nico requisito para prosseguir nesse tutorial ter uma conta criada no site GitHub.

Criando

• O primeiro passo criar seu diretrio de perfil GitHub. Para isso, clique em + ap lado de sua foto de perfil e aps em New Repository

• Feito isso, voc colocar o nome desse novo repositrio. Ele precisa ser necessariamente igual ao seu nome de perfil do GitHub. Como o meu andressansantos foi esse que coloquei.

Por fim, marque a opo Add a README file e por ultimo, no boto Create

Customizando Readme

Ele veem totalmente vazio ao ser criado.
Nele, voc poder colocar uma breve descrio do que voc trabalha/estuda hoje.
Assim como em HTML, o Markdown como liguagem de marcao possu os mesmos recursos que juntos com o HTML te do maior flexibilidade.
Por isso, utilize os mesmos quando necessrio sabiamente.

A primeira coisa importante conhecer um pouco de Markdown. E para isso, voc poder acessar o link aqui para ter um tutorial mais completo.

Crie uma breve apresentao, e se quiser coloque emoticons. Poder utilizar o site EmojiPedia para isso.

Agora, utilizaremos as informaes do GitStats, um repositrio no GitHub para colocar as estatisticas no nosso perfil.

Comecemos colocando uma < div > e dentro dela, colocaremos a informao do tema que queremos e nosso usuario.

 <img height="180em" src="https://github-readme-stats.vercel.app/api?username=andressansantos&show_icons=true&theme=tokyonight"/> <img height="180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=andressansantos&layout=compact&theme=tokyonight"/>

No esquea de mudar no campo username para o nome do seu usurio de GitHub. Na ultima parte, de Theme ao final do cdigo, poder escolher o que
desejar na pagina do GitStats.

E esse ser o resultado:

Adicione as redes sociais, para recrutadores ou outras pessoas queiram entrar em contato com voc. Para isso, coloque o cdigo conforme exemplo:

[![Discord](https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white)](https://discord.gg/n9KBKHPA3H)

Nesse cdigo, a primeira parte o nome da rede, a segunda parte o link no post do Dev.To e a terceira parte o link da sua rede. Nesse meu caso, foi da comunidade no Discord do Ehmuitodrama. Para ter acesso a todos os Badges de redes sociais, acesse ao post completo com mais de 150 Badges no Dev.to

E esse ser o resultado ao acabar e colocar o link e verificando no preview.

Agora iremos para a ltima parte que adicionar as tecnologias que estamos aprendendo/dominando/trabalhando. Nessa parte, utilizaremos o site Dev Icon
O cdigo que utilizaremos sempre ser o SVG

  <img align="center" alt="Andressa-html" height="30" width="40" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg"/>

No cdigo passado, colocamos um nome, alm de dimenses utilizando a tag img do HTML. A seguir no src, colocando a imagem do SVG

E o resultado ser esse:

• Veja o resultado completo de como ficar no meu perfil, clicando aqui!
• Acesse ao vdeo tutorial no Youtube

Links utilizados

A seguir, listareis todos os sites consultados para a criao de Readme.

Emoticon:

Criao de Gifs ScreenToGif:

Icones Tecnologias:

Post Dev.To de Badges:

Criador de Gif com sua foto:

Repositrio do GitHub Stats: