Como adicionar o Snake Game no seu README do Github 🐍
Tags: github, tutorial
Published: 2023-03-28 23:33:33

#### <center> [Atualizado 2023] </center>
---
## Passo 1: Criando o Repositório 

A primeira coisa que você deve fazer é criar um repositório _público_ no seu GitHub com o nome do seu _usuário_. O GitHub vai entender que esse repositório possui um README especial de personalização e vai adicionar todas as alterações no seu overview.

![Criando o seu repositório](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ejpaz3xwm252axqi4myj.png)

## Passo 2: Configurando seu GitHub actions

Antes de criar o seu workflow e adicionar o script, é importante que você ative algumas permissões que possivelmente estão desmarcadas no seu perfil. 
Para alterar o que é necessário, entre no repositório que você criou e clique em _settings_ > _actions_ > _general_ e ative as seguintes opções:
&nbsp;

🔘 allow all actions and reusable workflows 

![Configurando actions - 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yr15u92mb6ten28sdc3n.png)
&nbsp;
🔘 read and write permissions

![Configurando actions - 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/358j6dpxcan2ywepcb6z.png)

## Passo 3: Criando o seu workflow

Agora que temos todas as permissões ativadas, vamos adicionar o script para gerar os arquivos necessários. 
No seu repositório, clique em _actions_ > _new workflow_ e por fim clique em configurar simple workflow. 

![criando workflow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gsl5w31oadn6ec3a7kqh.png)

Quando você clicar vai abrir uma caixa de código, e é lá que vamos adicionar o nosso script! Apague todo o conteúdo predefinido e cole somente este: 

```
name: Generate Datas

on:
  schedule: # execute every 12 hours
    - cron: "* */12 * * *"
  workflow_dispatch:

jobs:
  build:
    name: Jobs to update datas
    runs-on: ubuntu-latest
    steps:
      # Snake Animation
      - uses: Platane/snk@master
        id: snake-gif
        with:
          github_user_name: username #seu username
          svg_out_path: dist/github-contribution-grid-snake.svg

      - uses: crazy-max/ghaction-github-pages@v2.1.3
        with:
          target_branch: output
          build_dir: dist
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

```

<center>Em #seu username coloque o seu nome de usuário no GitHub</center>

![alterando nome de usuário](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e6zr76gkn7oayvmwzxyc.png)

Após todo esse processo, altere o nome do documento e clique em _start commit_. Seu workflow já está pronto para uso! Para dar start no processo, basta ir em _actions_ > _generate datas_ > _run workflow_. 

![workflow start](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3xr8jn26f76ctnlxjf50.png)

<center>Se esse checkbox (✅) aparecer, parabéns, você fez tudo certo!</center>
&nbsp;

## Passo 4: Personalizando README.md

Para finalizar, vá até o seu repositório, clique no README.md e cole o seguinte comando (⚠️lembre-se de colocar o seu nome de usuário no comando): 

`![snake gif](https://github.com/SEU_USUARIO/SEU_REPOSITORIO/blob/output/github-contribution-grid-snake.svg)`

Agora você já têm a animação devorando todos os seus commits! :D

> 💚 Repositório do projeto Snake Game: Platane/snk
> 🖤 Meu github: https://github.com/mariakarolinesvg