github 꾸미기

github의 메인페이지에서 보여지는 기본 화면을 꾸미기 위해 리서치를 하던 도중 좋은 사이트를 발견했습니다. 해당 사이트에서는 github url을 안내하며 공식 페이지의 리드미를 참고하면 된다고만 안내가 되어 있어 좀더 상세하게 적용 순서를 정리하였습니다.

Languages & Github Stats

깃허브 통계 이미지와 프로젝트에 사용된 언어 통계 이미지를 제공합니다. 대체적인 사이트에서는 링크를 복사하여 리드미에 붙여넣기만 하면 자동으로 표시되는데에 비해 초반 셋팅이 좀더 필요합니다.
URL: https://github.com/rahul-jha98/github-stats-transparent

내 페이지 만들기

내 깃헙 아이디와 동일한 리드미 페이지를 생성합니다.
깃헙 아이디가 judy라면, judy/judy가 되도록 레포지토리 name을 설정하고 리드미 파일을 추가하여 레포지토리를 생성합니다.

포크하여 이미지 생성하기

1. rahul-jha98/github-stats-transparent 레포지토리를 포크합니다.
2. 포크된 레포지토리에 들어가서 Actions 페이지를 클릭합니다.
3. 워크플로리스트에서 Generate Stats Images를 선택하고 오른쪽의 런 워크플로를 클릭합니다.
   
4. 이미지가 성공적으로 생성되면, branch를 main에서 output으로 변경하고 폴더안으로 들어가면 2개의 이미지가 생성되어 있습니다. 이미지 위치에서 github url을 복사합니다.

내 페이지에 링크 추가

리드미 페이지를 열어 아래 링크를 추가하고 URL을 수정하여 적용하면 메인페이지에서 생성된 통계 이미지가 이쁘게 표시됩니다!

![](https://github.com/.../output/generated/overview.svg#gh-dark-mode-only)
![](https://github.com/.../output/generated/overview.svg#gh-light-mode-only)
![](https://github.com/.../output/generated/languages.svg#gh-dark-mode-only)
![](https://github.com/.../output/generated/languages.svg#gh-light-mode-only)

Reference
https://hulrud.tistory.com/3
https://github.com/rahul-jha98/github-stats-transparent