깃허브 프로필 꾸미기

0. 나의 리드미 파일을 만든다 (해당 링크에는 전체적으로 깃허브 프로필 꾸미는 방법이 잘 정리되어 있다.)

참고 링크 : https://blog.naver.com/PostView.nhn?blogId=yb2316&logNo=222260350184 

깃헙 메인 프로필 꾸미기 (뱃지 설정, 컴포넌트 추가)

아래의 코드블럭에 있는 코드들을 나의 위에서 만든 리드미 파일에 넣으면 된다.

 

1. 헤더 이미지 넣기

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

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

 

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

 

2. 테크 뱃지 만들기

https://simpleicons.org 에서 적용가능한 기술인지 찾아보고 아래의 기술명에서 바꾼다.

<img src="https://img.shields.io/badge/styled_components-color?style=for-the-badge&logo=styledcomponents&logoColor=color">

추가로 위에 color 위치에 #을 제외한 색을 넣어주면 글씨와 배경에 색이 적용된다.

 

3. 깃허브 스테이트 표 넣기 - 출처: https://eunhee-programming.tistory.com/244?category=1233835 

![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=깃허브 아이디&show_icons=true&theme=스타일)

(1) 위에  깃허브 아이디 위치에 자신의 아이디를 넣어준다.

(2) https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md 에서 테마를 선택하여 스타일 위치에 넣어준다

(2-1) 혹은 아래처럼 bg_color= 뒤에 각도(30),컬러1,컬러2를 넣어주면 그라데이션 효과를 넣을 수도 있다.

![Jone's github stats](https://github-readme-stats.vercel.app/api?username=Jone4865&show_icons=true&count_private=true&bg_color=30,96a5e2b7,e29696b7&text_color=ffffff&title_color=ffffff&icon_color=ffffff)

 

4. 언어 사용 통계치 넣기

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=Jone4865&layout=compact&bg_color=30,96a5e2b7,e29696b7&text_color=ffffff&title_color=ffffff&icon_color=ffffff)

이거는 3번과 똑같이 사용하면 된다.

 

5. 방문자 수 나타내기

1. https://hits.seeyoufarm.com/ 링크에서 타겟url의 gjbae1212 부분을 나의 github 닉네임으로 바꾸어주고, 

2. 해당 페이지 아래에서 스킨을 적용 후 생성해서 마크다운 문법을 리드미에 넣어주면 된다.

 

tip. 깃허브 나의 메인 사진 옆에 자그마한 동그라미 안에 이모티콘을 넣어서 이쁘게 만들 수도...