정적 페이지 배포 사이트 비교
포스트
취소

정적 페이지 배포 사이트 비교

지원 기능

 Github PagesGitLab PagesCloudflare Pages
정적 사이트 생성기지킬만OO
이전버전 롤백XXO
자동 HTTPSOOO
빌드 제한10빌드/시간무제한500빌드/달
대역폭100GB무제한무제한
통계XXO

배포 방법

Github

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
name: Build and deploy Jekyll site to GitHub Pages

on:
  push:
    branches:
      - main # or master before October 2020

jobs:
  github-pages:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/cache@v2
        with:
          path: vendor/bundle
          key: ${{ runner.os }}-gems-${{ hashFiles('**/Gemfile') }}
          restore-keys: |
            ${{ runner.os }}-gems-
      - uses: helaili/jekyll-action@v2
        with:
          token: ${{ secrets.GITHUB_TOKEN }}

깃허브 actions의 마켓플레이스에 있는 툴들을 이용해서 빌드를 한다.

Gitlab

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
image: ruby:2.7

workflow:
  rules:
    - if: '$CI_COMMIT_BRANCH'

pages:
  stage: deploy
  script:
    - gem install bundler
    - bundle install
    - bundle exec jekyll build -d public
  artifacts:
    paths:
      - public
  rules:
    - if: '$CI_COMMIT_BRANCH == "main"'

개발할떄 쓰는 스크립트를 그대로 사용하는 방식으로 이루어진다.

Cloudflare

 Framework presetBuild commandBuild output directory
jekylljekyll build_site

드롭다운 메뉴에서 jekyll을 선택하고 커맨드와 경로를 지정해주면 된다.

전체적인 기능과 편의성 면에서 앞으로 Cloudflare Pages를 이용하게 될 것 같다.

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

React 파해치기(1)

인접 배열로 그래프 나타내기