uzzam
uzzam.dev
uzzam
전체 방문자
819
오늘
4
어제
14
  • 분류 전체보기 (29)
    • 프로젝트 (4)
      • 담타 (4)
    • CS (0)
      • 운영체제 (0)
    • ps, cp (4)
      • 코딩테스트 cheatsheet (3)
      • baekjoon (1)
      • codeforces (0)
    • languages (0)
      • dart (0)
    • frameworks (2)
      • flutter (2)
    • ios (1)
    • 블로그 (10)
    • git (2)
    • blockchain (0)
    • etc. (6)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

  • Apple Silicon(M1) 맥북 공장 초기화하기
    2022.12.07
  • 군대 사지방에서 개발하는 방법들
    2022.12.07
  • netlify 로 gatsby 블로그 자동배포하기
    2022.12.07
  • porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인⋯
    2022.12.07
    porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인⋯
  • 빠르게 Gatsby + Github pages 로 블로그 ⋯
    2022.12.07

태그

  • 블로그

최근 댓글

  • 블로그 글 잘 쓰시네요 ㅎㅎ 잘 보구 갑니당
    alpha-traveler
  • 마침 찾아보던 글인데 글 올려주셔서 감사합니다 ㅎㅎ
    alpha-traveler

최근 글

  • 내 인생 최고의 책
    2023.01.10
    내 인생 최고의 책
  • 새해는 특별하니까
    2023.01.08
    새해는 특별하니까
  • 안드로이드 splash screen 중복 문제 해결하기
    2023.01.07
  • git clean -fdx 하고 잠못자기
    2023.01.06
  • Xcode developer mode disabled 해결⋯
    2023.01.05

티스토리

hELLO · Designed By 정상우.
uzzam

uzzam.dev

블로그

github pages 로 gatsby 블로그 자동배포하기

2022. 12. 7. 03:47

이 글은 2021년 11월 22일에 첫 작성되었습니다.

(https://github.com/shs395/shs395.github.io/blob/master/content/blog/auto-deploy-blog-on-github-pages/index.md)


과거에 쓰던 gatsby 테마는 내가 브랜치를 만들어서 거기에 블로그 파일을 만들어 관리하고
deploy 를 master 브랜치에 해서 배포가 되는 식으로 진행되었다.
너무 귀찮았고 귀찮으니 글 쓰기도 귀찮았다.

마침 새로 적용한 leonids 테마에는 자동배포하는 workflow가 있었다.
코드는 아래와 같다.

name: Gatsby Publish

on:
  push:
    branches:
      - master

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - uses: enriikke/gatsby-gh-pages-action@v2
        with:
          access-token: ${{ secrets.ACCESS_TOKEN }}
          deploy-branch: gh-pages
          gatsby-args: --prefix-paths

아마 대부분의 gatsby blog 는 이러한 workflow 를 이용하거나 약간 수정하면 될 듯 싶다.

secrets.ACCESS_TOKEN 과 관련한 문제에 대한 글을 따로 썼다 => github actions(workflow) secrets 사용법

 

이 workflow가 하는 일은 master 브랜치에 push 되면 빌드해서 gh-pages 브랜치에 올려준다.

깃헙 페이지의 작동방식은 정적 사이트가 있는 브랜치를 선택하면, 보여주는 것이다.
우리가 빌드한 정적 사이트는 gh-pages라는 브랜치에 올라가 있으므로 보여줄 브랜치를 gh-pages로 선택하는 과정이 필요하다.

 

Source 에서 branch 를 gh-pages 로 바꿔주면 앞으로 push 할 때마다 자동으로 빌드되어서 유저이름.github.io 에서 확인할 수 있다.

Netlify에서도 gatsby 블로그 자동배포가 가능하다 -> netlify 로 gatsby 블로그 자동배포하기

'블로그' 카테고리의 다른 글

netlify 로 gatsby 블로그 자동배포하기  (0) 2022.12.07
github pages 에서 커스텀 도메인 이용하기  (0) 2022.12.07
porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인사이트  (0) 2022.12.07
github branch로 gatsby 블로그 파일 관리하기  (0) 2022.12.07
VM(구름IDE, Google Cloud Platform 등)에서 Gatsby를 이용하는 경우에 localhost에 접속하기  (0) 2022.12.07
    '블로그' 카테고리의 다른 글
    • netlify 로 gatsby 블로그 자동배포하기
    • github pages 에서 커스텀 도메인 이용하기
    • porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인사이트
    • github branch로 gatsby 블로그 파일 관리하기
    uzzam
    uzzam
    댓글쓰기
    다음 글
    github pages 에서 커스텀 도메인 이용하기
    porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인사이트
    이전 글
    porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인사이트

    티스토리툴바