[Github] Github 프로필에 Daily 코딩 시간 나타내는 방법

 

깃허브를 프로필을 꾸미겠다고 생각한 다음 여러 사람들의 깃허브를 구경하는데 

대부분의 사람들이 

이런걸 해두었길래 또 나도 놓칠 수 없지 하고 방법을 찾아봤다. 

방법을 공유하면 좋을 것 같아서 기록해둔다. 

 

1️⃣ 먼저 https://github.com/techinpark/productive-box 에 들어가서 fork 한다. 

https://github.com/techinpark/productive-box

GitHub - techinpark/productive-box: Are you an early 🐤 or a night 🦉? Let's check out in gist

그냥 누르기만 하면 된다. 간단하다. 

 

 

 

2️⃣ gist 생성하기 

https://gist.github.com/

Discover gists

에 가서 create public gist한다!! 

public 으로 안하면 나중에 pin 고정을 하지 못하니까 꼭 public으로 생성해야한다. 

여기에 제목이랑 내용은 그냥 아무렇게나 작성해도 된다. 어차피 변경된다.

 

그리고 생성된 GIST_ID를 저장해둔다. 

gist.github.com/사용자이름/GIST_ID

 

 

 

3️⃣ Github Token 생성하기 

깃허브 홈페이지로 와서 Settings -> Developer settings -> Personal access tokens 

여기서 Generate new token 눌러서 

repo와 gist를 누르고 토큰을 생성한다. 

토큰은 한번 생성한다음에 빠져나오면 다시 볼 수 없으니까 복사해서 저장해둔다!!!

 

 

 

 

4️⃣ 생성한 Token과 GIST_ID 적용하기 

아까 fork했던 내 저장소의 레포지토리에 가서 settings -> Secret으로 들어간다. 

GH_TOKEN에 아까 생성했던 토큰값을 입력해서 생성하고, GIST_ID 역시 값을 넣어 환경변수를 생성해준다. 

 

 

 

 

5️⃣ Action 활성화시키기 

아까 fork했던 레포지토리의 Action 탭으로 가면 I understand my workflows, go ahead and enable them 이런 버튼이 있을 것이다. 그걸 클릭해준다! 

 

그 후에 Update gist에 가서 

Enable workflow를 눌러 활성화 시켜주면 된다!!

 

 

 

6️⃣ 결과 확인하기 

바로 결과를 확인하고 싶기 때문에 fork했던 레포지토리에 ReadMe를 살짝 엔터정도 쳐서 수정해주고 Update해준다음 

Action으로 가면 

이렇게 된 것을 확인할 수 있다. 

 

그리고 gist에서 보면 

아까 아무렇게나 만들었던 gist가 이렇게 변경된 것을 확인할 수 있다!

나는 아침형 인간이다ㅎㅎ 

 

 

 

7️⃣ Github 프로필에 gist pinned 하기 

이제 github 프로필에서 Customize your pins 버튼을 눌러 해당 gist를 pinned 하면 된다. 

그럼 이렇게 생성된 것을 확인할 수 있다~~~