Github Action 으로 깃허브 프로필 꾸미기

1. 자신의 username으로 repository 만들기

- repository 이름을 내 username과 같은 이름을 지어서 생성하면 깃허브 프로필에 README.md 를 추가할 수 있게 된다.

없으면 일단 이것부터 만들어두기! (나는 이미 있어서 저렇게 빨갛게 떴다)

2. GitHub Profile Summary Cards 를 username 레파지토리에 사용하기

github-profile-summary-cards 는 git action 을 사용해서 24시간 주기로 나의 깃허브 프로필을 알아서 꾸며주고 업데이트도 해주는 너무나 좋은 툴이다><

1. 레파지토리로 가서 Add File -> Create new file을 눌러서 .github/workflows/profile-summary-cards.yml 파일을 새로 만들고 아래 내용을 복붙한다.

name: GitHub-Profile-Summary-Cards

on: #어떤 조건에 workflow를 trigger 시킬지 ex) push, pull_request ...
  schedule: # execute every 24 hours - 24 시간마다 그래프 화면이 업데이트됨
    - cron: '* */24 * * *' 
  workflow_dispatch: #post request를 이용해 event 를 발생시킬수 있는 event occurs

# jobs 단위로 개별 서버(정확히는 Docker 컨테이너 단위라고 한다.)에서 작업이 수행된다.
# 각 작업은 병렬로 실행 된다고 하는데, needs: build와 같이 표시해서 기다릴 수도 있다.
jobs:
  build:
    # Ubuntu, Windows, MacOS를 지원한다.
    runs-on: ubuntu-latest
    name: generate
    
    steps:
      # uses 개념은 다른 사람이 작성한 내용을 실행하는 개념이다.
      # actions/checkout: GitHub의 마지막 커밋으로 Checkout 한다.
      - uses: actions/checkout@v2
      - uses: vn7n24fzkq/github-profile-summary-cards@release
        env: # 깃허브 환경변수 가져오기 -> 이제 토큰 만들거임
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          USERNAME: ${{ github.repository_owner }}

이제 저장하고 커밋, 푸시한 다음 repository의 Action 탭을 들어가보면 yml 파일을 인식해서 workflow가 생긴 것을 알수 있다.

2. 프로필 아이콘 > Settings > Developer settings > Personal access token 에 들어가서 Generate new token 버튼을 클릭하여 토큰을 발급받는다.

Generate token 버튼을 누르게 되면 발급된 token의 값이 화면에 뜨게 되는데 이건 다시 볼수 없으니 복사해서 잘 간직해두도록 하쟈

3. token 복사해놓고 다시 repository로 돌아와서 Setting > Secrets > Actions 이렇게 들어와서 token을 repository screts로 등록한다.

 

4. 다시 profile-summary-cards.yml로 돌아와서 GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 이 부분을 GITHUB_TOKEN: ${{ secrets.본인이 정한 token 이름 }} 으로 수정해준다!

짠 이제 workflow를 실행할 모든 준비가 완료되었다><

5. repository > Actions 탭에 들어가서 Run workflow 클릭!

실행이 끝나고 다시 Actions 탭에서 빠져나오면 아래와 같이 디렉토리 하나가 생성되어 있다. 여기까지 왔으면 대성공!

3. GitHub Profile Summary Cards Output 으로 프로필 꾸미기

- output 폴더를 클릭해서 들어가보면 README.md 에 사용법이 친절하게 적혀있는데 이제 이걸 보고 프로필용 README.md를 마음껏 꾸미면 된다!

profile-summary-cards를 이용해서 내 프로필은 이렇게 꾸몄다><