DEV Community

Cover image for Como adicionar o Snake Game no seu README do Github ­čÉŹ
Karol
Karol

Posted on

Como adicionar o Snake Game no seu README do Github ­čÉŹ

[Atualizado 2023]


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

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:
 

­čöś allow all actions and reusable workflows

Configurando actions - 1
 
­čöś read and write permissions

Configurando actions - 2

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

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

Enter fullscreen mode Exit fullscreen mode
Em #seu username coloque o seu nome de usuário no GitHub

alterando nome de usuário

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

Se esse checkbox (Ôťů) aparecer, parab├ęns, voc├¬ fez tudo certo!

 

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

Top comments (1)

Collapse
 
vitoriaft profile image
Vitória de Fátima Teixeira

Consegui fazer e roda normalmente, por├ęm n├úo mostra no meus commits