Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
178 changes: 29 additions & 149 deletions Readme.md
Original file line number Diff line number Diff line change
@@ -1,149 +1,29 @@
# Como personalizar o seu perfil no github!

## Introdução

Oie gente! Sejam bem vindos a mais um roteiro de vídeo do [meu canal](https://youtube.com/rafaellaballerini), eu sou a Rafaella Ballerini e hoje eu vou mostrar pra vocês como personalizar o seu perfil no github.

Caso você ainda não esteja familiarizado ou familizarizada com Git e Github, vou deixar aqui o [vídeo em que explico o que são essas duas tecnologias](https://www.youtube.com/watch?v=DqTITcMq68k) e o [vídeo de como utilizá-las](https://www.youtube.com/watch?v=UBAX-13g8OM).

Então vamos lá, hoje vou ensinar a deixar o perfil de vocês bem parecido com o [meu](https://github.com/rafaballerini) e também disponibilizar customizações adicionais que vocês ainda podem fazer.

![Meu perfil personalizado no Github](https://media.discordapp.net/attachments/831974152667398214/859101524118208543/unknown.png?width=1225&height=670)

## Configurações gerais do perfil

A primeira coisa que faremos é adicionar uma foto no nosso perfil que mostre quem somos. Vejo muita gente utilizar fotos de anime (eu mesma já fiz isso rs), por exemplo, mas eu recomendo tentar ou colocar uma foto de si ou algum desenho seu, que você tenha feito ou tenha direitos autorais sobre a imagem.

Não é nem pelo fato dos direitos autorais em si, mas sim pela credibilidade que você irá passar para quem entrar no seu perfil.

Depois iremos configurar as informações do nosso perfil que aparecem no canto esquerdo, pois por mais que elas sejam padrão, grade parte das pessoas que forem olhar o seu perfil vão focar nessa parte, pois mostra de onde você trabalha, para qual empresa, qual seu email de contato e muito mais.

Para isso, clicamos em "Edit Profile" no canto esquerdo da nossa página de perfil:

![Edit profile](https://media.discordapp.net/attachments/831974152667398214/859115292369616946/unknown.png)

Em seguida, completaremos com as informações que acharmos necessárias para algum outro desenvolvedor ou mesmo um recrutador olhar e entender quem você é.

Na bio por exemplo coloquei `Instrutora, desenvolvedora front-end e criadora de conteúdo de programação e tecnologia!`. Então você pode completar com seu cargo ou o que estuda.

Abaixo você adiciona a empresa que trabalha atualmente, sua localização, email de contato, link da sua página web (caso tenha) e seu twitter.

Você pode notar também que existem algumas outras informações abaixo dessas, porém se referem às organizações da [nossa comunidade do discord](https://discord.gg/G9GPg5SA75) ou da empresa que trabalho.

## Criação do repositório do perfil

Agora vamos para o que interessa, que é a personalização do nosso perfil.

Primeira coisa que fazemos é criar um repositório com o nome do nosso usuário no github. O meu por exemplo é [`rafaballerini`](https://github.com/rafaballerini/rafaballerini).

Logo que você cria esse repositório já aparece uma mensagem do próprio github dizendo que ele é especial.

![Repositório especial](https://media.discordapp.net/attachments/831974152667398214/859295509894529064/unknown.png)

Deixe-o público e inicialize ele com o `README.md`.

## O que é markdown e como funciona

Como vocês perceberam a extensão desse arquivo é `.md`, o que indica que ele é escrito em markdown

https://docs.pipz.com/central-de-ajuda/learning-center/guia-basico-de-markdown#open

## Escrevendo o básico

## Github Stats e diferentes formatos para ele

Github Stats
https://github.com/anuraghazra/github-readme-stats

## Badges das tecnologias

https://devicon.dev/

## Links para redes sociais

https://dev.to/envoy_/150-badges-for-github-pnk

## Gif

https://picrew.me/image_maker/338224

## Cobrinha

https://www.instagram.com/p/CPjUBhXDNEE/

## Exemplos de repositórios e outras ideias

SIMBOLOS
https://github.com/alexandresanlim/Badges4-README.md-Profile
https://dev.to/envoy_/150-badges-for-github-pnk

https://github.com/abhisheknaiidu/awesome-github-profile-readme#code-mode-

Youtube
https://github.com/DenverCoder1/github-readme-youtube-stats#subscribers-badge

Descritivo
https://github.com/garimasingh128/garimasingh128
https://github.com/Defcon27/Defcon27
https://github.com/onimur/onimur
https://github.com/Rishit-dagli/Rishit-dagli
https://github.com/bornmay/bornmay
https://github.com/PrincessAkira/PrincessAkira ANIME

Tecnologias
https://github.com/techytushar/techytushar

Código
https://github.com/anmol098/anmol098

Arte própria
https://github.com/stephenajulu/stephena
julu
https://github.com/DennisHartrampf/DennisHartrampf

Gifs
https://github.com/ari-hacks/ari-hacks
https://github.com/Prince-Shivaram/Prince-Shivaram
https://github.com/Shanu1515/Shanu1515

Digitação
https://github.com/CyrisXD/CyrisXD
https://github.com/mmphego/mmphego

Minimalistas
https://github.com/caneco/
https://github.com/pr2tik1/pr2tik1

Ferramentas

To do list
https://github.com/abhisheknaiidu/todoist-readme

Dev time
https://github.com/athul/waka-readme

Spotify
https://github.com/kittinan/spotify-github-profile
https://github.com/novatorem/novatorem

Linkedin
https://github.com/soroushchehresa/github-readme-linkedin

Stackoverflow
https://github.com/omidnikrah/github-readme-stackoverflow

Dev Jokes
https://github.com/ABSphreak/readme-jokes

Trofeus
https://github.com/ryo-ma/github-profile-trophy

Twitter
https://github.com/gazf/github-readme-twitter

Meme aleatorio
https://github.com/techytushar/random-memer

Quotes
https://github.com/PiyushSuthar/github-readme-quotes

## Olá, sou o João Otávio.

Atualmente estou estudando Frontend na Trybe.

<div align="center">
<a href="https://github.com/jgomesh">
<img height="180em" src="https://github-readme-stats.vercel.app/api?username=jgomesh&show_icons=true&theme=dracula&include_all_commits=true&count_private=true"/>
<img height="180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=jgomesh&layout=compact&langs_count=7&theme=dracula"/>
</div>
<div style="display: inline_block"><br>
<img align="center" alt="Rafa-Js" height="30" width="40" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg">
<img align="center" alt="Rafa-React" height="30" width="40" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original.svg">
<img align="center" alt="Rafa-HTML" height="30" width="40" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original.svg">
<img align="center" alt="Rafa-CSS" height="30" width="40" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original.svg">

</div>

##

<div>
<a href="https://www.youtube.com/channel/UC_-uuuZbY0AAt9CViNzvc-Q" target="_blank"><img src="https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white" target="_blank"></a>
<a href="https://instagram.com/rafaballerini" target="_blank"><img src="https://img.shields.io/badge/-Instagram-%23E4405F?style=for-the-badge&logo=instagram&logoColor=white" target="_blank"></a>
<a href="https://www.twitch.tv/rafaballerinii" target="_blank"><img src="https://img.shields.io/badge/Twitch-9146FF?style=for-the-badge&logo=twitch&logoColor=white" target="_blank"></a>
<a href="https://discord.gg/wagxzStdcR" target="_blank"><img src="https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white" target="_blank"></a>
<a href = "mailto:contatorafaballerini@gmail.com"><img src="https://img.shields.io/badge/-Gmail-%23333?style=for-the-badge&logo=gmail&logoColor=white" target="_blank"></a>
<a href="https://www.linkedin.com/in/rafaella-ballerini-45875016a" target="_blank"><img src="https://img.shields.io/badge/-LinkedIn-%230077B5?style=for-the-badge&logo=linkedin&logoColor=white" target="_blank"></a>


</div>