Github 프로필 README 꾸미기

1. Github 프로필을 꾸미기 전에

프로필이 존재 하지 않는다면 자기 계정의 이름으로 된 Github Repository 를 생성해주어야 한다.
Repository 를 생성하게 되면 기본적으로 프로필을 보여주게 되는 README.md 파일이 생성되는데
이 때 생성되는 README.md 파일을 수정해서 프로필을 꾸밀 수 있다.

 

프로필을 꾸밀 때 가져올 주소를 확인해보면 URL 과 물음표(?) 뒤에 파라미터를 통해 표시해주고 있다.
예를 들어, https://github.com?username=jaynamm

username 라고 하는 파라미터 값으로 "자신의 github 계정" 을 넣어주어야 한다.
각 프로필을 제공해주는 Github Repository 의 README 에 적혀있는 설명을 자세히 읽어보면 알 수 있다.

 

내가 꾸민 Github 프로필은 아래의 링크에서 확인할 수 있다.

https://github.com/jaynamm

jaynamm - Overview

 

 

2. capsule-render

주로 상단을 제목을 꾸밀 때 사용한다.

![header](https://capsule-render.vercel.app/api?type=wave&color=auto&height=300&section=header&text=capsule%20render&fontSize=90)BASH

 

https://github.com/kyechan99/capsule-render

GitHub - kyechan99/capsule-render: 🌈 Dynamic Coloful Image Render

 

 

 

3. github-readme-stats

github 의 상태를 그래프로 보여준다.

![jaynamm's GitHub stats](https://github-readme-stats.vercel.app/api?username=jaynamm&show_icons=true&theme=dracula) ![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=jaynamm&layout=compact&theme=dracula)BASH

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=jaynamm&layout=compact&theme=dracula)BASH

 

https://github.com/anuraghazra/github-readme-stats

GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes

 

 

 

4. Github Activity Graph

[![jhnam's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=jaynamm&theme=dracula&hide_title=true)](https://github.com/ashutosh00710/github-readme-activity-graph)BASH

 

https://github.com/Ashutosh00710/github-readme-activity-graph

GitHub - Ashutosh00710/github-readme-activity-graph: A dynamically generated activity graph to show your GitHub activities of la

 

 

 

5. Github Profile Summary Cards

![](http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=jaynamm&theme=zenburn)  
![](http://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=jaynamm&theme=zenburn) ![](http://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=jaynamm&theme=zenburn)  
![](http://github-profile-summary-cards.vercel.app/api/cards/stats?username=jaynamm&theme=zenburn) ![](http://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=jaynamm&theme=zenburn&utcOffset=8)BASH

 

https://github.com/vn7n24fzkq/github-profile-summary-cards

GitHub - vn7n24fzkq/github-profile-summary-cards: A tool to generate your github summary card for profile README

 

아래의 사이트에서 github 계정을 입력하면 실시간으로 확인할 수 있고 코드도 제공해준다.

https://github-profile-summary-cards.vercel.app/demo.html

GitHub Profile Summary Cards

 

 

 

6. Github Profile Trophy

각 항목들에 대해서 등급을 정해서 트로피로 보여준다.

![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=chalk&column=4)BASH

 

https://github.com/ryo-ma/github-profile-trophy

GitHub - ryo-ma/github-profile-trophy: 🏆 Add dynamically generated GitHub Stat Trophies on your readme