Skip to content

A Github Action that generates the Contributions, Coding Style, Most Used Languages of a Github User in SVG Format.

License

Notifications You must be signed in to change notification settings

offensive-vk/auto-contributions

Use this GitHub action with your project
Add this Action to an existing workflow or create a new one
View on Marketplace

Repository files navigation

🌟 Auto Contributions - Profile 3D SVGs 🌐

🇯🇵 日本語 | 🇪🇸 Español

📖 Overview

This GitHub Action 🛠️ creates an eye-catching 3D contribution calendar 🗓️ for your GitHub profile 🎨.

🚀 How to Use (GitHub Actions) - Basic

This action generates a 3D contribution calendar for your profile and automatically commits the SVG to your repository 📤. You can also manually trigger it if needed 🔄.

🛠️ Step 1. Create a Special Repository

Create a repository on GitHub named after your username 📝.

For example:

  • If your username is mona, create a repository named mona/mona.

📖 Reference: Managing Your Github Profile Readme.


🛠️ Step 2. Create a Workflow File

Create the following workflow file at .github/workflows/contributions.yml:

name: Auto Contributions

on:
  schedule:
    - cron: "0 8 * * *" # Adjust the time as per your preference.
  workflow_dispatch:

jobs:
  generate:
    runs-on: ubuntu-latest
    name: Generate 3D Profile SVGs
    steps:
      - uses: actions/checkout@v4
      - uses: ./ 
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          USERNAME: ${{ github.repository_owner }}

      - name: Commit & Push
        run: |
          git config user.name ${{ github.actor }}
          git config user.email ${{ github.actor }}@users.noreply.github.com
          git add .
          git commit -m "Updated 3D Profile SVGs."
          git push

💡 Tip: If you want to include private repositories, generate a personal access token 🔐 and set it to GITHUB_TOKEN.


🛠️ Step 3. Manually Launch the Action

Navigate to:
ActionsGitHub-Profile-3D-ContribRun workflow.

The following profile images will be generated:

📂 Generated Files:

  • profile-3d-contrib/profile-green-animate.svg
  • profile-3d-contrib/profile-season-animate.svg
  • profile-3d-contrib/profile-night-view.svg
  • profile-3d-contrib/profile-gitblock.svg
    (and more variations!)

If you specify a custom SETTING_JSON, a unique image will be generated:

  • profile-3d-contrib/profile-customize.svg

🛠️ Step 4. Add the Generated Image to Your README

Add the generated SVG to your profile README 📜:

![](./profile-3d-contrib/profile-green-animate.svg)

🎨 Demo

Here are some examples of the stunning 3D contribution SVGs this action generates:

  • Green Animated Version:
    Green Animate

  • Season (Northern Hemisphere):
    Season Northern

  • Night View Version:
    Night View


🖥️ How to Use (Local)

You can also generate the 3D contribution calendar locally:

  1. Set the GITHUB_TOKEN environment variable with your personal access token:

    export GITHUB_TOKEN=XXXXXXXXXXXXXXXXXXXXX
  2. Run the script using your GitHub username:

    npm run build
    node . YOUR_USERNAME

📜 License

This project is licensed under the MIT License. 📝


© Vedansh 2020 - Present
Licensed under MIT
hamster
Thanks for visiting :)

About

A Github Action that generates the Contributions, Coding Style, Most Used Languages of a Github User in SVG Format.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors 3

  •  
  •  
  •  

Languages