이번에는 깃허브 프로필을 꾸미기 위해 waka box를 만들어보고자 한다. 이는 내가 어떤 언어를 가장 많이 사용하는지 볼 수 있다.

레포지토리 포크

아래 페이지를 포크한다.

https://github.com/xrkffgg/waka-box

GIST_ID 생성

gist는 ui를 보여줄 공간이므로 내용은 아무렇게나 해도 상관없다. 여기서 중요한 것은 create secret gist가 아닌 create public gist로 해야 한다.

GH_TOKEN 생성

gist만 선택해주고 generate token을 클릭한다.

WAKA 계정 생성 및 api

https://wakatime.com/signup

여기의 wakatime 홈페이지를 회원가입한다. 회원가입은 깃허브 계정으로 하면 된다.

그 후 profile을 수정해야 한다.

여기서 빨간색 박스 두개를 체크하고 save한다.

wakatime api 저장

wakatime api를 저장할 때, vscode를 사용하여 api를 지정해줄 것이다.

그 전에, https://wakatime.com/settings/api-key 이 사이트를 통해 자신의 api key를 복사한다.

vscode를 실행한 후 wakatime 플러그인을 설치한다. 그 후 플러그인의 설명대로 위에 뜨는 곳에 api를 붙여넣기하고 enter를 누른다.

secret 환경변수 생성

GIST_ID,GH_TOKEN,WAKATIME_API_KEY 총 3가지를 생성해야 한다.

이름은 GIST_ID로 지정하고, 2번에서 생성한 gist에 대한 url에서 https://gist.github.com/username/뒤에 있는 70344be470a5945f7005f2c7d1c88f76를 복사하여 위의 환경변수에 저장한다.

GH_TOKEN와 WAKATIME_API_KEY도 동일하게 생성한다.

actions 설정

위의 i understand my workflows, go ahead and enable them을 클릭한다. 또, 그 후 노란색 느낌표를 클릭하여 enable workflow를 누른다.

schedule.yml 설정

  
name: Update Gist

on:
  push:
    branches: master

  schedule:
    - cron: "12 */12 * * *"

jobs:
  update-gist:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@master
      - name: Install
        run: npm ci
      - name: Update gist
        run: node ./index.js
        env:
          GH_TOKEN: $
          GIST_ID: 70344be470a5945f7005f2c7d1c88f76
          WAKATIME_API_KEY: $
          TIMEZONE: Asia/Seoul