Github Profile Page 꾸미기

Github에는 다음과 같이 프로필 페이지를 설정할 수 있는 기능이 있습니다.

프로필 페이지 생성

프로필 페이지를 설정하기 위해서는

내 github ID와 동일한 이름의 저장소를 만들고,

public으로 설정한 뒤,

README.md 파일을 생성해줍니다.

그러면 github이 README.md를 특별히 프로필 페이지로 인식해 주므로 카와이하게 별모양으로 수정하시면 됩니다.

GitHub 사용통계 표시

GitHub Readme Stats를 사용하면 나의 Github 활동 통계를 다음과 같이 카드로 볼 수 있습니다.

사용법은 간단합니다. 다음 코드를 README.md에 붙여넣으면 됩니다. 여러가지 테마나 옵션도 설정할 수 있으므로 이것저것 시험해보세요.

1

[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username="자신의 Github ID")](https://github.com/anuraghazra/github-readme-stats)

다음 코드를 사용하면 어떤 언어를 주로 사용하고 있는지도 표시할 수 있습니다.

1

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username="자신의 Github ID")](https://github.com/anuraghazra/github-readme-stats)

뱃지 표시하기

shields.io 를 이용하면 프로필에 여러가지 뱃지를 달 수 있습니다. 제공되는 뱃지 종류는 여러가지가 있는데 여기서는 프로필에 사용하는 두가지 뱃지만 소개합니다.

소셜

Social 페이지에서 다음과 같이 원하는 배지에 대한 코드를 만들어서 소셜 관련된 뱃지를 달 수 있습니다.

1
2
3


![Twitter Follow](https://img.shields.io/twitter/follow/github?style=social)

![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UC7c3Kb6jYCRj4JOHHZTxKsQ?style=social)

기술 스택

기술 스택 표시를 위한 뱃지는 Simple Icons에서 아이콘을 검색한 뒤 다음 양식에 따라 코드를 작성하면 됩니다.

1
2
3
4


![기술 뱃지](https://img.shields.io/badge/"표시할 이름"-"뱃지 색상"?style=flat&logo="Simple Icons 이름"&logoColor=white)

// 예제
![github badge](https://img.shields.io/badge/Github-181717?style=flat&logo=Github&logoColor=white)

코드를 입력하면 뱃지는 다음과 같이 표시됩니다.