GitHub Actions로 블로그 자동 배포하기 — push만 하면 끝

# 1. 빌드
npm run build

# 2. gh-pages 브랜치에 배포
npx gh-pages -d public

# 3. 또는 직접 public 폴더를 gh-pages 브랜치에 push

# .github/workflows/deploy.yml
name: Deploy Blog to GitHub Pages

on:
  push:
    branches:
      - main  # main 브랜치에 push하면 실행

permissions:
  contents: write

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest

    steps:
      # 1. 레포지토리 코드 체크아웃
      - name: Checkout repository
        uses: actions/checkout@v4

      # 2. Node.js 설정
      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: "20"
          cache: "npm"

      # 3. 의존성 설치
      - name: Install dependencies
        run: npm ci

      # 4. Gatsby 빌드
      - name: Build Gatsby site
        run: npm run build
        env:
          PREFIX_PATHS: true

      # 5. GitHub Pages 배포
      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public
          publish_branch: gh-pages

# 디렉토리 생성
mkdir -p .github/workflows

# 파일 생성 (위 내용을 붙여넣기)
nano .github/workflows/deploy.yml

- name: Checkout repository
  uses: actions/checkout@v4

- name: Setup Node.js
  uses: actions/setup-node@v4
  with:
    node-version: "20"
    cache: "npm"

node -v
# v20.11.0 이런 식으로 출력됩니다

- name: Install dependencies
  run: npm ci

- name: Build Gatsby site
  run: npm run build
  env:
    PREFIX_PATHS: true

- name: Deploy to GitHub Pages
  uses: peaceiris/actions-gh-pages@v4
  with:
    github_token: ${{ secrets.GITHUB_TOKEN }}
    publish_dir: ./public
    publish_branch: gh-pages

# Step 2와 Step 3 사이에 추가
- name: Cache Gatsby build
  uses: actions/cache@v4
  with:
    path: |
      .cache
      public
    key: gatsby-build-${{ hashFiles('package-lock.json') }}-${{ hashFiles('contents/**') }}
    restore-keys: |
      gatsby-build-${{ hashFiles('package-lock.json') }}-
      gatsby-build-

# .github/workflows/deploy.yml
name: Deploy Blog to GitHub Pages

on:
  push:
    branches:
      - main

permissions:
  contents: write

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout repository
        uses: actions/checkout@v4

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: "20"
          cache: "npm"

      - name: Cache Gatsby build
        uses: actions/cache@v4
        with:
          path: |
            .cache
            public
          key: gatsby-build-${{ hashFiles('package-lock.json') }}-${{ hashFiles('contents/**') }}
          restore-keys: |
            gatsby-build-${{ hashFiles('package-lock.json') }}-
            gatsby-build-

      - name: Install dependencies
        run: npm ci

      - name: Build Gatsby site
        run: npm run build
        env:
          PREFIX_PATHS: true

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public
          publish_branch: gh-pages

echo "blog.javapark.kr" > static/CNAME

- name: Deploy to GitHub Pages
  uses: peaceiris/actions-gh-pages@v4
  with:
    github_token: ${{ secrets.GITHUB_TOKEN }}
    publish_dir: ./public
    publish_branch: gh-pages
    cname: blog.javapark.kr

# 캐시 정리 후 빌드 테스트
gatsby clean && gatsby build

로컬에서 글 작성/수정
       |
       v
git add . && git commit -m "새 글 추가"
       |
       v
git push origin main
       |
       v
GitHub Actions 자동 실행
  1. 코드 체크아웃
  2. Node.js 설정
  3. 캐시 복원
  4. npm ci
  5. gatsby build
  6. gh-pages 브랜치에 배포
       |
       v
GitHub Pages가 gh-pages 브랜치 감지
       |
       v
https://blog.javapark.kr 에 반영 완료

on:
  push:
    branches:
      - develop