깃꾸의 알파이자 오메가는 바로 마크다운과 HTML입니다. 하지만 그것만으로 빈 공간을 채우기란 쉽지 않죠. 그럴 때 써먹으면 유용한 것이 바로 아래와 같은 프로필 이미지 생성 API입니다.
제가 본 꾸밈 요소들 중에 괜찮은 것들을 공유해드리려고 글을 작성했습니다. 자세한 설명을 드리고 싶지만 페이지에 남은 공간이 별로 없으니까 다음 기회에 적겠습니다.
ℹ️ Note
요소는 예쁜데 어떻게 배치하면 좋을지 모르겠다면, 구글링을 통해 다른 사람들이 어떻게 꾸몄는지 보고 흉내내는게 가장 좋습니다!
1. 깃허브 통계
github-readme-stat
깃허브 사용량 통계를 실시간으로 생성해주는 API 프로젝트입니다. 아래와 같은 이미지를 추가할 수 있습니다. 깃허브에 관한 여러 통계 뿐 아니라 리포지토리 핀 카드도 만들 수 있고, 테마가 굉장히 다양합니다.
github-readme-streak-stats
깃허브 스트릭(연속으로 기여한 날의 길이) 이미지를 실시간으로 생성해주는 API 프로젝트입니다. 아래와 같은 이미지를 추가할 수 있습니다.
github-stats
깃허브에 대한 통계를 마치 전투력처럼 표시하는 실시간 이미지를 만들어주는 API 프로젝트입니다. 아래와 같은 이미지를 추가할 수 있습니다.
github-profile-3d-contrib
깃허브 스트릭과 사용 언어를 3D 이미지로 만들어주는 프로젝트입니다! 정말 예뻐요 ~.~
다만, 다른 API 프로젝트와는 다르게 깃허브 액션을 통해서 자동으로 이미지가 생성되고, 생성된 이미지를 마크다운 파일에서 삽입해야 하기때문에 난이도는 조금 더 높습니다.
metrics
진입장벽이 정말정말정말 높지만 예쁘게 꾸밀 요소가 가장 많은 프로젝트입니다. 다른 꾸밈 요소들은 API 링크만 프로필 리포지토리에 붙여넣으면 끝이지만, 얘는 직접 API 서버를 배포하고, 이를 활용하는 깃허브 액션을 작성해야 합니다.
2. 백준과 솔브닥
mazassumnida
백준 프로필(솔브닥 티어) 카드 이미지를 만들어주는 API 프로젝트입니다. 아래와 같은 이미지를 추가할 수 있습니다. 거의 실시간으로 갱신되며, 애니메이션이 있습니다.
mazandi
위의 mazassumnida 프로젝트 팀에서 만든 다른 API 프로젝트로, 솔브닥 스트릭 그래프(잔디)를 이미지로 만들어줍니다. 마찬가지로 애니메이션이 들어가있습니다.
솔브냥
백준 프로필(솔브닥 티어)를 표시해주는 새로운 프로젝트입니다. 가입 절차가 필요하지만 귀엽습니다.
3. LeetCode
LeetCode-Stats-Card
릿코드(LeetCode) 프로필을 예쁘게 표시할 수 있는 API 프로젝트입니다. 폰트를 포함해 커스터마이징 가능한 요소가 많습니다.
