Recentemente o Github adicionou uma funcionalidade bastante interessante para seus usuários, a possibilidade de desenvolver uma homepage construída em markdown para seu perfil. Porém, essa funcionalidade está escondida de todos, e vou ensinar você a desvenda-la. Vamos nessa?
Desvendando a funcionalidade
Para ativar a funcionalidade de perfil, vamos criar um novo repositório. O segredo se encontra exatamente aqui. Crie um repositório com o nome do seu nick do github e verá que uma janela aparecerá avisando que você descobriu um segredo!
Não esqueça de marcar Initialize this repository with a README para que o segredo tenha efeito.
Realizando a primeira edição
Após a criação do repositório, seremos redirecionados a pagina inicial dele, no qual temos apenas um arquivo Readme.md.
Após abrirmos o arquivo no editor do github, veremos que já existe uma template com alguns tópicos prontos para que você comece sua produção.
O Readme.md possui suporte a markdown e HTML e você pode mesclar ambos para obter o seu visual.
Links uteis para auxiliar a construção de um perfil no seu Github
Blocos interessantes para inserir no seu perfil
Github Stats
Social Media
<a target="_blank" href="https://www.linkedin.com/in/aryclenio-barros-060322135/">
<img align="left" alt="LinkdeIN" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/linkedin.svg" />
</a>
<a target="_blank" href="https://api.whatsapp.com/send?phone=5584999828379">
<img align="left" alt="Whatsapp" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/whatsapp.svg" />
</a>
<a target="_blank" href="https://www.instagram.com/ary.clenio/">
<img align="left" alt="Instagram" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/instagram.svg" />
</a>
<a target="_blank" href="https://dev.to/aryclenio/">
<img align="left" alt="Devto" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/dev-dot-to.svg" />
</a>
<a target="_blank" href="mailto:arycleniobarros@gmail.com">
<img align="left" alt="Gmail" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/gmail.svg" />
</a>
<a target="_blank" href="https://fb.com/aryxb">
<img align="left" alt="Facebook" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/facebook.svg" />
</a>
Linguagens que você manja
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/typescript/typescript.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/nodejs/nodejs.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/vue/vue.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/cpp/cpp.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/mysql/mysql.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/git/git.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/terminal/terminal.png"></code>
Mostrando no seu perfil
Após terminar sua edição, bastar realizar o commit e voltar para sua página inicial. Verá que ela mostra agora toda sua descrição e somente após isso, os seus repositórios.
É isso! Sinta-se livre para se inspirar através do meu readme.
OBRIGADO POR LER!
Top comments (4)
muito bom , me ajudou muito, obrigado.
De nada amigão! :D
Bom demais Aryclenio!
Valeu pela dica :)
Show de bola, obrigado!