Cloudflare Pages를 통한 jekyll chirpy 블로그 배포하기
Introduction
Jekyll
Jekyll은 정적 사이트 생성기(Static Site Generator, SSG)로, Markdown이나 HTML 파일을 기반으로 정적인 웹사이트를 만들어주는 도구이다.
- Ruby 기반으로 동작
- Markdown, Liquid 템플릿, YAML 등을 활용
- GitHub Pages와 호환이 좋아 무료 호스팅 가능 (오늘 해볼 것)
Chirpy theme
Chirpy Theme은 Jekyll 기반의 모던 블로그 테마이다. (정적 블로그를 만들 수 있도록 다양한 기능을 제공)
- 반응형 디자인
- 다크 모드 지원
- 댓글 & 소셜 미디어 연동
사전 준비물
- Github 계정
- Cloudflare 계정
- Domain (필수 x)
시작하기
Chirpy Starter와 Chirpy theme 중 Chripy Starter를 사용할 예정이다
1. Chirpy 템플릿을 사용해 repository 만들기
Chripy Starter 접속 후 아래 이미지와 같이 Create a new repository를 누른다. 
2. Cloudflare에 Pages와 git 연동
dashboard로 이동 후 create 버튼을 누른 다음 아래 사진과 같이 Pages 탭에서 connect to git 선택
github 계정 선택 및 위에서 만들었던 repository 선택 후 Begin Setup
Build settings에서 아래 사진과 같이 Framework는 Jekyll 선택, Environment Variables(advanced)를 Variable named은 BUNDLE_WITHOUT, value는 ""와 같이 추가한다.
Save and Deploy 후 성공적으로 Success가 뜨면 (이름).pages.dev와 같이 도메인이 생성된다.
3. 커스텀 도메인
원하는 도메인 이름으로 배포하고 싶으면 아래와 같이 생성된 pages로 들어가 Custom Domain 탭에서 도메인을 추가해준다.
(나머지 step은 cloudflare가 시키는 대로 레코드 추가)
번외 (블로그 수정하기)
생성한 github repository clone
1
$ git clone https://github.com/{account_name}/{repo_name}
repository clone 후 원하는 대로 수정 후 commit & push 하면 자동으로 deploy 됨.