[Github] 깃허브 프로필 (Readme) 꾸미기

예전에 학원을 다닐 때였나? 정확히 기억은 나지 않지만 깃허브 프로필을 꾸밀 수 있는 기능이 새롭게 추가됐다고 해서

(그 당시에는 easter egg 식이어서 아는 사람만 알고 있었던 것으로 기억한다.)

그때부터 지금까지 열심히 Readme를 꾸미고 있다!

 

내 Readme에 들어간 뱃지, 유용하게 사용할 수 있는 뱃지 등 여러 가지를 정리해보려고 한다.

 

우선 아래의 사진은 현재 나의 깃허브 Readme 화면이다.

맨 위에서부터 순서대로

capsule-render, github-readme-stats, github-readme-streak-stats, github-readme-activity-graph, shields.io(여러 가지의 버튼들 - Hits, 티스토리 블로그, 인스타그램, 메일 주소 등)

 

사용방법은 그리 어렵지 않다. 공개되어 있는 오픈소스를 활용하여 코드를 생성한 뒤(혹은 작성한 뒤)

자신의 계정명으로 만든 리포지토리 내의 README.md 파일에 붙여 넣기만 해 주면 깃허브 메인에 보이게 된다.

 

마크다운에 대한 기본적인 지식이 있다면 수정하는데 도움이 될 수 있으나 없다고 해서 문제 될 건 없다!

 

깃허브 메인 꾸미기에 필요한 오픈소스들은 대부분 홈페이지에 들어가 보면 사용방법도 자세히 일러주고 있으니 공개된 문서를 활용해서 커스터마이징하면 된다.

---

1. capsule-render

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

요론 SVG 이미지를 만들어준다

 

저 아래 부분이 출렁~출렁이며 움직인다.

문구나 색상 등 다양하게 커스터마이징이 가능하다는 것이 장점이다.

 

 

2. github-readme-stats

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

위의 아이템을 생성해주는 오픈소스

올해의 커밋 갯수, 풀리퀘스트 등의 정보들을 보여준다.

옆에 랭크는.. 어.. 웬만하면 A 이상을 주는 거 같은데 내년 초에 랭크가 어떻게 나오지는 한번 봐야겠다!

 

 

3. github-readme-streak-stats

https://github.com/DenverCoder1/github-readme-streak-stats

이거 은근 동기부여 된다

 

총 커밋 갯수, 현재 며칠 째 하루도 쉬지 않고 커밋을 하고 있는지, 쉬지 않고 커밋을 한 최대 일수는 몇 일인지 보여준다.

 

 

4. github-readme-activity-graph

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

한 달 동안의 Contribution을 이쁜 그래프로 시각화하여 보여주는 오픈소스이다.

이것도 물론 커스터마이징이 가능하다!

 

 

5. hits

https://hits.seeyoufarm.com

싸이월드 방문자 수..? 랑 비슷하다고 생각하면 이해하기 쉬울 거 같다.

싸이월드라고 하니까 너무 아저씨 같..나?

어쨌든 이 hits 카운트는 새로고침을 할 때마다 카운팅이 된다.

 

 

6. shields.io

https://shields.io/

여러 가지 버튼들을 만들 수 있는 오픈소스이다. 깃허브, 인스타그램 등 사용자가 많은 사이트들은 위와 같이 아이콘이 있어서 이쁘게 커스터마이징 해서 사용하면 된다.

---

우선 내가 쓰고 있는 오픈소스들 정리는 다 끝났다!

 

앞으로 웹서핑을 하면서, 다른 기술 블로그들을 찾아보면서 알게 되는 오픈소스들은 추후에 추가할 예정이다!

 

끄읏!

 

https://github.com/iamheonil

iamheonil - Overview