📌 Intro
깃허브 프로필이 너무 재미 없어서 보기좋게 꾸며보려고 한다. 정리하는 내용 외에도 다양한 방법이 많이 정리되어 있으니 찾아서 자신의 입맛에 맞게 만들면 좋을 것 같다.
📌 Header 꾸미기
https://github.com/kyechan99/capsule-render
헤더 부분은 'capsule-render'를 사용했다. capsule-render는 본인이 원하는 스타일대로 헤더를 만들어 링크 한 줄로 간편하게 사용할 수 있다.
디폴트로 만들어진 헤더는 위와 같은데, 이것도 예쁘다고 느껴진다.
📌 Pined repo 활용하기
README가 나오는 부분 밑에 보면 내 repository들을 핀으로 지정해서 미리보기처럼 보여줄 수 있는 공간이 있다.
여기에 위와 같이 커밋하는 시간대의 통계와 횟수를 표시할 수 있는데 그 방법에 대해 알아보자.
github-productive-box
1. gist 만들기
먼저 gist를 만든다.
깃허브에 로그인 하고 우측 상단에 있는 본인의 프로필을 클릭한 뒤 [Your Gists]로 들어간다.
역시 우측 상단에서 [+]버튼을 클릭하면 새로운 Gist를 만들 수 있다.
제목과 내용은 나중에 수정할 수 있기 때문에 아무렇게나 적어도 상관없다. 나는 제목을 .txt 내용을 1로만 적어주었다. 여기서 gist를 생성할 때 secret이 아닌 public으로 만들어줘야 하는 것에 주의하자.
gist를 생성하면 위와 같이 나올 것이다.
https://gist.github.com/new
찾아들어가는 것이 번거롭다면 위 링크를 통해 바로 새로운 gist를 만들 수 있다.
2. 토큰 발급받기
1번에서 한 것 처럼 우측 상단에 있는 프로필을 선택한 후 [Settings]로 들어간다.
왼쪽 메뉴 탭 중 [Developer settings]로 들어간다.
왼쪽 메뉴 탭 중 [Personal access tokens]를 누르고 [Generate new token]을 클릭하여 새 토큰을 생성하자.
이름은 GH_TOKEN으로 생성하고, repo와 gist을 선택하고 생성해주도록 하자.
이렇게 토큰이 발급될 것이다. 토큰은 복사하여 메모장같은 곳에 옮겨두도록 하자.
3. 레파지토리 포크 및 시크릿 생성
https://github.com/techinpark/productive-box
위 링크로 들어가 레파지토리를 포크하자.
포크한 레파지토리로 이동한 뒤 [Settings] → [Secrets] → [Action] → [New repository secret]을 클릭하자.
이름은 GH_TOKEN으로 하고, value는 아까 메모장으로 옮겨둔 토큰을 입력하자.
그리고 Add Secrets!
4. GIST ID
gist id가 필요한데 아까 만들었던 gist로 들어가면 빨간색으로 표시된 박스에 있는 값을 메모장에 복사해두도록 하자.
5. 시크릿 생성
3에서 했던 것 처럼 시크릿을 생성해준다. 다만 이번에는 이름을 GIST_ID로, value를 4에서 메모장에 복사해둔 값으로 만든다. 그리고 역시 Add Seceret!
위 그림처럼 시크릿이 두 개가 있을 것이다.
6. Actions Enable workflow
포크한 레파지토리에서 [Actions] → [Updates gist] → [Enable workflow]를 클릭하자.
이제 정각마다 업데이트되어 시간대별 commit이 하루를 추가했던 public gist .txt파일에 뜬다. 잘되는지 바로 확인하려면 포크한 레파지토리에 readme.md에 공백을 하나 입력하여 커밋하면 actions에서 업데이트 여부를 확인할 수 있다.
7. 프로필에 핀하기
이제 다른 사람들도 볼 수 있도록 프로필에 고정해두도록 하자.
프로필로 이동한 뒤, 빨간색으로 표시한 [Customize your pins]를 클릭하자.
만든 gist를 클릭하고 [Save pins]!!
커밋 통계가 잘 나온 것을 확인할 수 있다.
github-stats-box
앞에서 진행한 github-productive-box와 거의 유사하다. 따라서 비슷한 내용은 번호로 대체하고 넘어가도록 하겠다.
1. gist 만들기
github-productive-box의 1번과 동일
2. 토큰 발급 받기
github-productive-box의 2번과 동일
3. 레파지토리 포크 및 시크릿 생성
https://github.com/bokub/github-stats-box
위 링크로 들어가 레파지토리를 포크하자.
포크한 레파지토리로 이동한 뒤 [Settings] → [Secrets] → [Action] → [New repository secret]을 클릭하자.
이름은 GH_TOKEN으로 하고, value는 아까 메모장으로 옮겨둔 토큰을 입력하자.
그리고 Add Secrets!
4. GIST ID 수정
github-productive-box의 4번처럼 만든 gist로 들어가 gist id를 메모장에 복사해둔다.
포크한 레파지토리로 가서 .github/workflows 로 이동한 뒤 run.yml 파일을 클릭한다.
run.yml 파일은 위처럼 생겼는데, GIST_ID 에 4번에서 얻어온 gist id를 적어주자.
5. Actions Enable workflow
포크한 레파지토리에서 [Actions] → [Update gist] → [Enable workflow]를 클릭해준다.
6. 프로필에 핀하기
이제 다른 사람들도 볼 수 있도록 프로필에 고정해두도록 하자.
프로필로 이동한 뒤, 빨간색으로 표시한 [Customize your pins]를 클릭하자.
만들어준 gist를 클릭하고 Save Pins !!
📌 정리
Readme 파일에 헤더를 추가하는 방법과 Pinned Repo를 활용하여 프로필을 꾸미는 방법에 대해 정리했다.
원래는 Readme 파일을 꾸미려고 했는데 하다보니 Pinned Repo에 더 집중된 느낌이다. 나중에 프로필을 더 꾸미게 되는 일이 생기면 그 때 이어서 정리하도록 해야겠다.
역시 한 번 해보면 쉬운데 글만보고 따라할 때는 어려운 것 같다. 나름 상세히 적어두었으니 도움이 되길..
📌 참고
[1] https://github.com/kyechan99/capsule-render
[2] https://codesyun.tistory.com98
[3] https://codecollector.tistory.com/667