All Projects → yoshi389111 → github-profile-3d-contrib

yoshi389111 / github-profile-3d-contrib

Licence: MIT license
This GitHub Action creates a GitHub contribution calendar on a 3D profile image.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to github-profile-3d-contrib

SudhanPlayz
About me for GitHub <3
Stars: ✭ 24 (-89.57%)
Mutual labels:  github-profile, profile-readme, github-profile-readme
peterthehan
My personal site and profile README.
Stars: ✭ 36 (-84.35%)
Mutual labels:  github-profile, profile-readme, github-profile-readme
Raymo111
My awesome profile README
Stars: ✭ 110 (-52.17%)
Mutual labels:  github-profile, profile-readme, github-profile-readme
Metrics
📊 An infographics generator with 30+ plugins and 200+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!
Stars: ✭ 4,621 (+1909.13%)
Mutual labels:  github-profile, github-action, profile-readme
snk
🟩⬜ Generates a snake game from a github user contributions graph and output a screen capture as animated svg or gif
Stars: ✭ 844 (+266.96%)
Mutual labels:  github-contributions, github-contribution-graph, github-profile-readme
jakejarvis
hey 👋
Stars: ✭ 15 (-93.48%)
Mutual labels:  github-profile, profile-readme, github-profile-readme
ouuan
A profile README with 86 stars and 152 forks 🌟
Stars: ✭ 86 (-62.61%)
Mutual labels:  github-profile, profile-readme, github-profile-readme
github-contribution-graph
Add beautiful GitHub contribution/commit graph to your profile README!
Stars: ✭ 37 (-83.91%)
Mutual labels:  github-profile, github-profile-readme
Coordinate-Cat
🟢 [Running] Please don't fork it. using lowlighter/metrics to retrieve and display information from github. Check the information in the tool author repository or raw.
Stars: ✭ 59 (-74.35%)
Mutual labels:  github-profile, github-profile-readme
vbriand
Yet another profile readme, but this one's mine!
Stars: ✭ 26 (-88.7%)
Mutual labels:  profile-readme, github-profile-readme
prathimacode-hub
Hello everyone, Welcome to my GitHub README profile. Glad to see you here! Check out this repository to view my work and learn more about me. Don't just star it, fork it as well.📢✌️
Stars: ✭ 53 (-76.96%)
Mutual labels:  github-profile, profile-readme
recent-activity
Add your recent activity to your profile readme!
Stars: ✭ 87 (-62.17%)
Mutual labels:  github-action, profile-readme
Thomas-George-T
Readme for Github Profile. Don't just fork it, Star it too ⭐!
Stars: ✭ 31 (-86.52%)
Mutual labels:  github-profile, profile-readme
CommitCombo
깃허브 커밋 기록을 아름답게 꾸미는 프로젝트 ⭐
Stars: ✭ 31 (-86.52%)
Mutual labels:  github-profile, github-profile-readme
personal-branding
UHD designs for personal branding - banner, business card, and readme (PDFs and PNGs)
Stars: ✭ 19 (-91.74%)
Mutual labels:  github-profile, github-profile-readme
jovanzers
Don't just fork, star it! 👀
Stars: ✭ 13 (-94.35%)
Mutual labels:  github-profile, github-profile-readme
blackcater
Using Node.js to generate my Github profile readme automatically.
Stars: ✭ 84 (-63.48%)
Mutual labels:  github-profile, github-profile-readme
Cool-Readme-ideas
🎉🎉🎉 Some cool ideas for your readme profile, enjoy :)
Stars: ✭ 72 (-68.7%)
Mutual labels:  github-profile, github-profile-readme
github-readme-medium
📖 Dynamically generated your latest Medium article on your GitHub readmes!
Stars: ✭ 56 (-75.65%)
Mutual labels:  profile-readme, github-profile-readme
xtenzQ
📝🚀 Minimalistic profile README.md. Please ⭐ if you like it! ❤
Stars: ✭ 62 (-73.04%)
Mutual labels:  github-profile, github-profile-readme

GitHub Profile 3D Contrib.

svg

日本語

Overview

This GitHub Action creates a GitHub contribution calendar on a 3D profile image.

How to use (GitHub Actions)

This action generate your github profile 3d contribute calendar and make a commit to your repo. You can also trigger action by yourself after add this action.

step 1. Create special repository.

Create a repository on GitHub with the same name as your user name.

In this repository, do the following.

step 2. Create workflow file.

Create a workflow file like the one below.

  • .github/workflows/profile-3d.yml

The schedule is set to start once a day. Please correct the startup time to a convenient time.

name: GitHub-Profile-3D-Contrib

on:
  schedule: # 03:00 JST == 18:00 UTC
    - cron: "0 18 * * *"
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest
    name: generate-github-profile-3d-contrib
    steps:
      - uses: actions/checkout@v2
      - uses: yoshi389111/[email protected]
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          USERNAME: ${{ github.repository_owner }}
      - name: Commit & Push
        run: |
          git config user.name github-actions
          git config user.email [email protected]
          git add -A .
          git commit -m "generated"
          git push

Note: If you also want to include the private repository, register the "personal access token" in the repository and set it to GITHUB_TOKEN specified in the workflow file.

This will add the action to the repository.

Environment variables

  • GITHUB_TOKEN : (required) access token
  • USERNAME : (required) target user name (or specify with an argument).
  • MAX_REPOS : (optional) max repositories, default 100 - since ver. 0.2.0
  • SETTING_JSON : (optional) settings json file path. See sample-settings/*.json and src/type.ts in yoshi389111/github-profile-3d-contrib repository for details. - since ver. 0.6.0

step 3. Manually launch the action

Launch the added action.

  • Actions -> GitHub-Profile-3D-Contrib -> Run workflow

The profile image is generated with the following paths.

  • profile-3d-contrib/profile-green-animate.svg
  • profile-3d-contrib/profile-green.svg
  • profile-3d-contrib/profile-season-animate.svg
  • profile-3d-contrib/profile-season.svg
  • profile-3d-contrib/profile-south-season-animate.svg
  • profile-3d-contrib/profile-south-season.svg
  • profile-3d-contrib/profile-night-view.svg
  • profile-3d-contrib/profile-night-green.svg
  • profile-3d-contrib/profile-night-rainbow.svg
  • profile-3d-contrib/profile-gitblock.svg

Alternatively, if SETTING_JSON is specified, the following image will be generated.

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

example: green version

svg

example: season version (Northern Hemisphere.)

svg

example: season version (Southern Hemisphere.)

svg

example: night view version

svg

example: night green version

svg

example: night reinbow version

svg

example: git block version

svg

step 4. Add image to README.md

Add the path of the generated image to the readme file.

e.g.

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

How to use (local)

Set the GITHUB_TOKEN environment variable to the value of "personal access token".

export GITHUB_TOKEN=XXXXXXXXXXXXXXXXXXXXX

Run it with your GitHub user specified.

node_modules/.bin/ts-node src/index.ts USER_NAME

or

npm run build
node . USER_NAME

Licence

MIT License

(C) 2021 SATO, Yoshiyuki

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].