Github Action

Github blog 제작을 위해 Github Action 사용해보기

repository 생성

• [user id].github.io 이름으로 repository 생성

deploy key 생성 및 등록

1. ssh-keygen -t rsa -f ./[key file name] -C https://github.com/[user id]/[repository name]
2. file_name.pub 파일의 전체 내용을 복사하여
   • Settings > Deploy keys > [Add deploy key] > Key 에 붙여넣기
   • Title은 Public key of ACTIONS_DEPLOY_KEY 로 작성
3. Settings > Environments > New environment > github-pages 생성 후 해당 환경 클릭
   • 이후 Environment secrets에서 [+] Add Secret 클릭
4. file_name 파일의 전체 내용을 복사하여
   • 3의 Value 에 붙여넣기
   • 3의 Name은 ACTIONS_DEPLOY_KEY 로 작성

github action 실행파일 작성

• deploy.yml 파일 작성하여 .github/workflows 하위에 저장

1name: GitHub Pages
2
3on:
4  push:
5    branches:
6      - main
7  workflow_dispatch:
8
9jobs:
10  deploy:
11    runs-on: ubuntu-20.04
12    concurrency:
13      group: ${{ github.workflow }}-${{ github.ref }}
14    steps:
15      - uses: actions/checkout@v3
16
17      - name: Setup Node
18        uses: actions/setup-node@v3
19        with:
20          node-version: '14' #local에서 사용한 버전과 동일하게 작성
21
22      - name: Get yarn cache
23        id: yarn-cache
24        run: echo "::set-output name=dir::$(yarn cache dir)"
25
26      - name: Cache dependencies
27        uses: actions/cache@v2
28        with:
29          path: ${{ steps.yarn-cache.outputs.dir }}
30          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
31          restore-keys: |
32            ${{ runner.os }}-yarn-
33      - run: yarn install --frozen-lockfile
34      - run: yarn stack
35      - run: yarn build
36      - run: yarn export # out에 있는 파일 내용이 export됨
37
38      - name: Deploy
39        uses: peaceiris/actions-gh-pages@v3
40        if: ${{ github.ref == 'refs/heads/main' }}
41        with:
42          github_token: ${{ secrets.GITHUB_TOKEN }}
43          publish_dir: ./out

🎈 기타 내용은 추후 다른 포스트에서 설명.
이 포스트에서는 git action에 대해서만 정리

git push 후 확인