git

[Github] 깃허브 꾸미기, 깃 프로필, 백준 깃허브 연동

파리외 개발자 2022. 4. 1. 18:23

깃을 이력서로 사용하고, 1일1커밋을 하며 매일 개발자극을 받기 위해 프로필을 만들었다.

 

프로필 생성

우선 프로필을 만들기 위해서는 '본인 이름'으로 된 레파지토리를 만들어주면 된다.

이미 만든 후라 경고문이 뜨지만 저렇게 본인 이름으로 저장소를 만들어주면 

저 저장소의 리드미는 프로필로 사용되게 된다.

리드미 작성하듯 똑같이 하면 된다.

 

조회수 뱃지

조회수 체크해주는 뱃지는 아래 사이트에서 만들 수 있다.

 

HITS

Easy way to know how many visitors are viewing your Github, Website, Notion.

hits.seeyoufarm.com

url에 본인 깃허브 주소를 작성해주고 아래 옵션을 만들면 아래 마크다운에 링크가 만들어지는데 그걸 복사해서 

리드미에 붙여주면 된다.

리드미에 이렇게 붙이면 조회수 뱃지가 나오는데 [대괄호]뒤에 (소괄호)안의 링크를 바꿔주면

뱃지를 클릭했을 때 그 사이트로 이동하게 된다.

 

뱃지

조회수 옆의 이 뱃지들도 비슷한 방식으로 만들 수 있다.

 

GitHub - Ileriayo/markdown-badges: Badges for your personal developer branding, profile, and projects.

Badges for your personal developer branding, profile, and projects. - GitHub - Ileriayo/markdown-badges: Badges for your personal developer branding, profile, and projects.

github.com

직접 뱃지를 커스텀 하는 방법도 있지만 귀찮아서 링크를 긁어오는 방식으로 만들었다.

원하는 뱃지의 링크를 찾아서 긁어온 후 style부분만 flat으로 바꿔주고,

마찬가지로 (뱃지를 클릭하면 이동할 링크)를 설정해줬다.

노션은 노션 페이지로 g메일은 클릭했을때 나에게 메일이 작성되는 페이지가 열리도록 링크해줬다.

https://mail.google.com/mail/?view=cm&fs=1&to=(메일주소) 

를 링크로 작성해주면 해당 메일주소로 메일을 작성할 수 있는 창이 열린다.

 

깃 스탯

 

깃 스탯창은 아래 레파지토리에서 긁어올 수 있고 꾸미는 방법들을 리드미를 통해 알 수 있다.

 

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

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

github.com

username= 뒤에는 계정 이름을 넣어주고 show_icon은 true값으로 지정하여 아이콘을 표시해줬다.

theme값은 위 사이트에서 마음에 드는 테마를 선택해 작성해주면 된다.

 

백준 랭크 카드

알고리즘 사이트 백준의 랭크를 표시할 수 있는 카드이다. 우선 백준아이디를 solved.ac연동을 시켜준다.

백준 로그인 후 설정창의 solved.ac를 클릭해주고 연동을 한 후,

마이페이지의 아이디 옆 랭크를 클릭하면 solved에 로그인을 할 수 있다. 연동이 끝났다면 아래에서 링크를 가져온다.

 

GitHub - mazassumnida/mazassumnida: Github 프로필에서 boj 프로필을 이쁘게 보여주는 프로젝트

Github 프로필에서 boj 프로필을 이쁘게 보여주는 프로젝트. Contribute to mazassumnida/mazassumnida development by creating an account on GitHub.

github.com

여기서 마음에 드는 버전의 링크를 가져와 {handle}부분에 백준 아이디를 넣어주면 된다.

 

백준 자동 커밋

추가로 백준에서 푼 문제를 자동으로 저장소에 올리도록 해본다.

 

백준허브(BaekjoonHub)

Automatically integrate your BOJ submissions to GitHub

chrome.google.com

우선 크롬 확장프로그램을 사용해준다.

추가가 끝나면 권한등록 버튼을 클릭해준다.

repo를 생성해준다.

문제가 풀릴때마다 저장소에 업로드 되는 것을 확인 할 수 있다.