[GITHUB] 깃허브 프로필 꾸미기

README.md 을 이용해 github profile 꾸미기 

본인 깃허브 Overview 에 들어오게 되면 보통은 리포지토리들이 보이지만 아래 사진처럼 맨 처음 프로필을 들어왔을 때 보여줄 README.md 을 설정할 수 있다! 아래 방법을 따라 화려한 깃허브 프로필을 만들어보자 :) 

 

 

# 1 프로필 리포지토리 생성하기 

Github > Repository >  New  클릭하여 새로운 repository를 생성해주자! 

그리고 리포지토리의 이름은 이름을 본인의 username과 동일하게 입력하면 된다. 

나의 경우에는 이미 만들어놓은 리포지토리가 있지만, 위 처럼 같은 이름을 입력하고, Public, Add a README file 옵션에 체크하고 확인 버튼을 누르면 된다. 

 

그럼 위와 같이 본인의 README.md 파일이 생성되게 되는데, 오른쪽의 수정 버튼을 클릭해 자유롭게 수정해보자! 

 

 

# 2 헤더 넣기  

위 사진처럼 README.md 에 capsule render 를 추가해보자! 

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

기본적인 문법은 위와 같다! 아래 사이트를 참고하면 다양한 모양, 크기, 색상의 테마들이 존재하니 자신의 마음에 맞는 테마를 골라서 설정하면 된다! 

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

나의 경우 방문한 시간에 따라 색이 그라데이션으로 변하는 코드를 사용하였는데 방문할 때마다 랜덤으로 바뀌는 헤더를 보는 재미가 있다!  

&color=gradient

 

 

# 3 뱃지 추가하기 

마크다운 문법에서 큰 글자는 보통 앞에 # 을 추가해서 사용한다. 하지만 글자만 있으면 프로필이 심심하다.. 

아래와 같이 내가 활용가능한 스킬들을 아이콘과 같이 뱃지로 만들어 추가해보자! 

나같은 경우에는 https://shields.io/ 를 참고하여 다양한 뱃지를 넣었다! 기본적인 문법은 다음과 같다

<img src="https://img.shields.io/badge/뱃지이름-뱃지색상코드?style=flat-square&logo=로고이름&logoColor=폰트색상"/>

그럼 https://simpleicons.org/ 에서 원하는 로고와 색상코드를 가져와서 한 번 같이 뱃지를 만들어보자!

 

먼저 검색창에 원하는 로고의 이름을 검색한 뒤, 색상 코드를 클릭하여 복사해주자. 오라클의 경우 로고 이름은 Oracle, 색상 코드는 F800000 이다. 그럼 이 정보들을 위의 값들에 다음과 같이 알맞게 넣어주면 된다! 

<img src="https://img.shields.io/badge/Oracle-F80000?style=flat-square&logo=Oracle&logoColor=white"/>

마크다운 미리보기를 눌러서 확인해보면 이렇게 로고가 잘 완성되어진 것을 확인할 수 있다! 

 

 

# 4 github status 추가하기 

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

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

'깃허브아이디' 부분에 본인의 깃허브 아이디를 넣고 확인해보면 나의 깃허브 상태를 볼 수 있다! 위 링크를 통해 들어가게 되면 anuraghazra 가 만든 여러가지 테마는 물론, 본인의 깃허브에서 어떤 언어가 많이 사용되었는지 알려주는 Top Languages card 나, 어떤 시간에 주로 commit 을 하는 지 알 수 있는 Wakatime Week Stats 도 추가할 수 있다. 

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=깃허브아이디&langs_count=8)](https://github.com/anuraghazra/github-readme-stats)

위는 가장 많이 쓰인 언어를 알려주는 Top Languages card 코드이고, 아래는 커밋 시간대를 알려주는 Wakatime Week Stats 코드이다. 

[![willianrod's wakatime stats](https://github-readme-stats.vercel.app/api/wakatime?username=깃허브아이디)](https://github.com/anuraghazra/github-readme-stats)

---

 

GitHub - DenverCoder1/github-readme-streak-stats: 🔥 Stay motivated and show off your contribution streak! 🌟 Display your t

[![GitHub Streak](https://github-readme-streak-stats.herokuapp.com/?user=깃허브아이디&theme=dark)](https://git.io/streak-stats)

위 코드를 입력하게 되면 streak status 도 추가할 수 있다! 총 몇개의 커밋을 했고, 최고 며칠동안 연속으로 커밋을 했는지와 오늘 커밋은 며칠째인지 알려준다. 위 링크에서 테마 부분에서 See a list of all available themes 를 클릭하면 다양한 테마들을 확인할 수 있다.

물론 요즘에는 새로 업데이트 된 github contribution in 3D 에서 아래와 같이 다 나오기도 한다.

 

# 5 방문자 수 띄우기 

HITS

위 링크에 들어가서 TARGET URL 에 본인의 깃허브 아이디를 넣자 

https://github.com/깃허브아이디/hit-counter

그리고 옵션에서 원하는 색상 등을 선택하고 마크다운의  COPY  를 통해 복사하고 README.md 에 붙여넣기만 하면 된다! 물론 아래 코드를 복사해서 본인의 이름만 변경해줘도 적용이 가능하다. 

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2F깃허브아이디%2Fhit-counter)](https://hits.seeyoufarm.com)

 

 

이렇게 간단하게 깃허브 프로필을 꾸며봤다! 아래는 기영이네 누나 깃허브 링크인데,

기영이 누나의 깃허브 프로필이 마음에 드는 사람들은 해당 프로필은 fork 해서 자유롭게 써도 된다 :) 

많은 방문 부탁드려요~! 

 

https://github.com/jso4342

jso4342 - Overview