DEV Community

Cover image for How to enable GitHub Actions on your Profile README for a snake-eating contribution graph 🐍

How to enable GitHub Actions on your Profile README for a snake-eating contribution graph 🐍

Michelle Duke on June 28, 2021

Lots of people have been talking about and sharing their GitHub Profile READMEs. It was a project we launched last year and developers are loving i...
Collapse
 
platane profile image
Platane • Edited

Hi, First of all thanks for the precise tutorial!

There were a few changes in the action (mostly to adapt to github api), I had to change some parameters and bump the version.

Unfortunately a lot of people use the edge version ( with the tag #master ). It's a bit of a mess but the result is that this version is deprecated and can no longer work without adding some modification from the user (adding a github token as param)

The recommended usage is now this declaration:

- uses: Platane/snk/svg-only@v3
  with:
    github_user_name: ${{ github.repository_owner }}
    outputs: |
      dist/github-snake.svg
Enter fullscreen mode Exit fullscreen mode

Check the readme for details about the new options

Collapse
 
arorasir profile image
Mohit Arora

Finally something worked :D

Collapse
 
mishmanners profile image
Michelle Duke

Thanks for putting this together ❀️

Collapse
 
1seamy profile image
seamy • Edited

Thanks Michelle Mannering for your (dev.to/mishmanners/how-to-enable-g...) topic.

If other users wish to utilize this, kindly modify this topic;

1-Use this (thanks Platane github.com/Platane) file;

github.com/1SeaMy/1SeaMy/blob/main...

2-Use this;

![snake gif](https://github.com/YOUR_USERNAME/YOUR_USERNAME/blob/output/github-contribution-grid-snake-dark.svg)

or this

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

Collapse
 
kushaltanna24 profile image
KushalTanna24

Work fine.! Here is mine - KushalTanna24

Collapse
 
msoftware profile image
Michael jentsch

Great tutorial! Works for me.
Here's mine - github.com/msoftware

Collapse
 
gustavohgmartins profile image
Gustavo Martins

Awsome! How did you change the background-color?

Collapse
 
mishmanners profile image
Michelle Duke

I didn't change the background colour. It's a .png/.svg image, meaning the background is transparent. It looks dark on mine because I have dark mode enabled on GitHub. You can enable it by clicking Settings --> Appearance --> choosing your mode.

Thread Thread
 
gustavohgmartins profile image
Gustavo Martins

Thank you! actually I was using the .gif version, so I switched to the .svg one and voilΓ‘

Thread Thread
 
mishmanners profile image
Michelle Duke

Awesome! Glad to be of help πŸ˜„

Collapse
 
baayah profile image
BAayah

Thank you so much! I tried to change in settings 'Contribution' to 'include my private contributions' but anyway my Readme profile doesn't show My Contributions. Could you please help me with this?
github.com/BAayah/BAayah

Collapse
 
jakon62508112 profile image
Jakob • Edited

Getting this error when I try to run workflow and after it fails:
Node.js 12 actions are deprecated. Please update the following actions to use Node.js 16: actions/checkout@v2. For more information see: https://github.blog/changelog/2022-09-22-github-actions-all-actions-will-begin-running-on-node16-instead-of-node12/.

Collapse
 
shuvajitgeek profile image
Shuvajit

go to setting -> action -> and check the workflow as read and write
(run build again) hopefully you will not get error

Collapse
 
l3on06 profile image
L3on06

Hello everyone, before proceeding, please navigate to 'Settings -> Actions -> General -> Workflow Permissions' in your README.md file and select 'Read and Write' permissions. This is important because if you have other permissions selected, it may result in errors.

Collapse
 
unknow0074 profile image
Unknown

I specially created account to say thank you I almost wasted my 3 hours in wandering around to fix issue and you saved my life.** Thank you**

Collapse
 
hoangtien_2k3 profile image
HoΓ ng Anh TiαΊΏn • Edited

It does not work for me. Can someone help me?
github.com/hoangtien2k3qx1

Error:
actions/checkout@v2, platane/snk@master, ad-m/github-push-action@master, and crazy-max/ghaction-github-pages@v2.1.3 are not allowed to be used in hoangtien2k3qx1/hoangtien2k3qx1. Actions in this workflow must be: within a repository owned by hoangtien2k3qx1.

Collapse
 
bpolaswar profile image
Bhumesh Polaswar

Great worked for me. See github.com/bpolaswar
Thanks.

Collapse
 
ariafatah profile image
Ariafatah

github.com/ariafatah0711/ariafatah...

Check my github and change this file because I tried the file above only as much as it appears if you want to use the full one I use. And don't forget to give stars😁

Collapse
 
ariafatah profile image
Ariafatah

If the action fails, you can go to repo settings, click action, then select general, and look at the bottom where it says read and write.

Collapse
 
wkylin profile image
wkylin.w

Here's mine:
github.com/wkylin

Collapse
 
viveeeeeek profile image
VivekS.

Awesome!

Collapse
 
phuocantd profile image
An Nguyα»…n PhΖ°α»›c

How to auto build workflow everyday

Collapse
 
1seamy profile image
seamy

Thanks :)

Collapse
 
hudsonpufferfish profile image
Hudson Nguyen

I got error "The process '/usr/bin/git' failed with exit code 128". Even though I tried to generate a new personal access token, it didn't work. Anybody has any solution for this error?

Collapse
 
adityamangal1 profile image
Aditya Mangal

Awesome Tutorial! 🐍

Collapse
 
shasank27 profile image
Shasank Periwal • Edited

Great tutorial!
But can anyone help me, its not showing all my contributions
github.com/shasank27/shasank27

Collapse
 
mishmanners profile image
Michelle Duke • Edited

Hey Shasank. I can't see it on your profile, but to show all contributions, you need to make sure all contributions are turned on your profile. You can do this in your settings:

github.com/YOUR_PROFILE --> Settings --> Profile

Then scroll down to "Contributions" and check the box that says "Include private contributions on my profile".

Hope that helps.

Collapse
 
zieldecastro profile image
Josiel de Castro Goudinho • Edited

It does not work for me. Can someone help me?
github.com/zieldecastro
instagram.com/zieldecastro/

Collapse
 
nirav97120 profile image
Nirav Prajapati
Collapse
 
laurasiiia profile image
Laura • Edited

Hi, i did everything right and even got the "build" status. But no output branch was created... why is that? Can someone help me? github.com/laurasiiia

Collapse
 
mishmanners profile image
Michelle Duke

I assume you're working off this folder: github.com/laurasiiia/laurasiiia/b...

Since you've got a newer repo (mine account was set up a number of years ago), you have the default branch set to "main". You might need to change the code to be "main" instead of "master".

I created a PR for you: github.com/laurasiiia/laurasiiia/p...
(run it and see if that works)... it might not but worth a shot. Feel free to jump in other people πŸ˜„

Collapse
 
puja_kumari profile image
Puja Kumari

Finally done. - github.com/Pujakumari1202

Collapse
 
abdulrahmannadap profile image
Abdul Rahman

Its not working
Image description

Collapse
 
parniiiiia profile image
Parnia • Edited

works great :)))) Here is mine github.com/Parnia-mohammadi

Collapse
 
hollowdeev profile image
Hollow Dev

Image description

Mine looks like this, someone help me??

Collapse
 
patelkush profile image
Kush

Mine looks the same.

Collapse
 
hoangtien_2k3 profile image
HoΓ ng Anh TiαΊΏn

It does not work for me. Can someone help me?
github.com/hoangtien2k3qx1

Collapse
 
17350602akash profile image
Nasin Ayenul Akash

I tried everything, it's not working. link
Image description

Collapse
 
devjulialeal profile image
Julia Leal

Thank You for the tutorial! Here is mine - github.com/devJuliaLeal

Collapse
 
wisnuuakbr profile image
Wisnu Akbara

here's mine - github.com/wisnuaero

Collapse
 
brayheart profile image
Tyler Bray

Thanks for making this guide!

Collapse
 
matheusroichman profile image
Matheus Roichman

Mine is not showing all the contributions :(
github.com/MatheusRoichman/Matheus...

Collapse
 
smartmayukh profile image
Mayukhmali Das

Works great !!!!!!!! Here's mine

github.com/Smartmayukh

Collapse
 
tahmidabir profile image
Tahmid Abir

Do we need to run the action everyday after commit? or it will auto load,
Btw I have made mine, thanks for the detailed writings, here's mine- github.com/tahmidabir

Collapse
 
adityathakekar profile image
Aditya Thakekar

works great. thanks a ton.

Collapse
 
ichchhagupta profile image
Ichchha Gupta

Can you please help me in figuring out where to find my actions file mentioned in step 1, so that I can add the required code.

Collapse
 
mishmanners profile image
Michelle Duke

Actions is a feature you'll need to enable for your repo. When you go to your repo, you'll notice a tab called "Actions" that should be next to the "Pull requests" tab. Click the "Actions" tab then you can setup Actions from there.

Collapse
 
puja_kumari profile image
Puja Kumari

Finally worked. - github.com/Pujakumari1202