Como criar um perfil readme.md no Github
Tags: github, git, productivity, profile
Published: 2020-07-26 12:23:26

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**!

![creating repository](https://dev-to-uploads.s3.amazonaws.com/i/w87epdkozs0blx7559bv.png)

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.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hv3zn2zi9eowtalhjfj8.png)

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.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/i8ytced8bycesswaqfpk.png)

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**

* [Guia de Markdown](https://guides.github.com/features/mastering-markdown/)
* [Guia de HTML](https://htmldog.com/guides/html/beginner/)
* [Templates de perfil](https://github.com/kautukkundan/Awesome-Profile-README-templates)

## **Blocos interessantes para inserir no seu perfil**

### Github Stats

```markdown
![Aryclenio GitHub Stats](https://github-readme-stats.vercel.app/api?username=aryclenio&show_icons=true)
```
![Aryclenio GitHub Stats](https://github-readme-stats.vercel.app/api?username=aryclenio&show_icons=true)

### Social Media

```html
<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

```html
<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. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5s32h7p81apk0hkkd7o5.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bqi4rthu2yzz6jqlcs0v.png)

É isso! Sinta-se livre para se inspirar através do [meu readme](https://github.com/aryclenio).

OBRIGADO POR LER!