GitHub Pages

~9 min · pages, static, docs

Level 0Apprentice

0 XP0/101 lessons0/10 achievements

0/120 XP to next level120 XP to go0% complete

GitHub 떠나지 않는 정적 사이트

GitHub Pages 가 repo 에서 직접 정적 사이트 서빙. Actions 와 함께, CI 에서 사이트 빌드 (Hugo, Jekyll, mdBook, Astro 등) 하고 공식 actions/deploy-pages action 으로 게시.

설정

Repo Settings → Pages → Source: GitHub Actions.
사이트 빌드 + Pages artifact 로 업로드 + deploy 하는 workflow.
옵션: custom 도메인, HTTPS.

정통 workflow

Action 셋: actions/checkout, actions/upload-pages-artifact, actions/deploy-pages. 권한 pages: write + id-token: write 필요.

Code

Astro / Hugo / mdBook → Pages·yaml

name: pages
on: { push: { branches: [main] }, workflow_dispatch: {} }
permissions:
  contents: read
  pages: write
  id-token: write
concurrency: { group: pages, cancel-in-progress: false }

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: '22' }
      - run: npm ci && npm run build
      - uses: actions/upload-pages-artifact@v3
        with: { path: dist }

  deploy:
    needs: build
    runs-on: ubuntu-latest
    environment:
      name: github-pages
      url: ${{ steps.deploy.outputs.page_url }}
    steps:
      - id: deploy
        uses: actions/deploy-pages@v4

External links

Exercise

정적 사이트 repo 있으면 (docs, blog, 랜딩 페이지) 위 workflow 로 Pages 에 연결. Deploy URL 이 Actions run 에 나타나고 live 페이지 가리키는지 확인.

Progress

Progress is local-only — sign in to sync across devices.

← PreviousDeploy 전략 Next →Docker build & push

이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

🔔 답글 알림 (로그인 필요)

로그인 — 댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.