Github Pages 생성 방법

🚀 GitHub Pages란?

GitHub Pages는 GitHub 저장소에 있는 파일을 그대로 웹사이트로 호스팅해주는 완전 무료 정적 웹서비스입니다.
HTML·CSS·JS는 물론, Jekyll 기반 블로그까지 자동으로 빌드해 https://username.github.io 형태로 배포할 수 있습니다.

GitHub Pages의 장점 정리

• 완전 무료
• 서버·호스팅 설정 필요 없음
• 커밋하면 자동 배포 (CI/CD 기본 탑재)
• 커스텀 도메인 연결 가능
• Jekyll 테마 통한 블로그/포트폴리오 구축 가능

개발자가 개인 사이트를 만들 때 가장 많이 사용하는 방식이며, GitHub 생태계와 자연스럽게 연결되는 게 큰 장점입니다.

🧩 GitHub Pages가 왜 좋은가?

✔ 1. 무료 & 안정적 (GitHub 인프라)

• 서버 비용 ❌
• SSL(https) 자동 적용
• 전 세계 CDN을 기반으로 빠른 속도

✔ 2. 배포가 “git push” 단 한 번✔ 3. 정적 사이트에 최적화

• 기본 엔진: Jekyll
• SCSS → CSS 자동 컴파일
• Markdown → HTML 자동 변환
• Liquid 템플릿 엔진 사용 가능
• 정적 페이지, 블로그, 문서용 사이트 만들기 쉬움

✔ 4. 개발자 포트폴리오에 최적

• GitHub README + GitHub Pages 조합은 사실상 개발자 브랜드 구축의 표준 세트입니다.
• 커밋 → GitHub Actions → 자동 빌드 → 사이트 반영
  누구나 쉽게 쓰는 “정적 배포 자동화 파이프라인”이 이미 구현되어 있습니다.

 

🛠️ Github Pages 생성 방법 

새 저장소를 만들 때 Repository Name 입력란에
예: niv-kai.github.io처럼 작성하면 됩니다.
설정은 기본값 그대로 두어도 되고, Public으로 생성하는 것을 권장합니다.

github repository 생성

Create repository 버튼을 누르면 GitHub Pages용 개인 저장소가 바로 생성됩니다.
이 시점에서는 아직 아무 파일도 없지만, 저장소 구조만 갖춰져 있어도 GitHub Pages가 활성화될 준비를 합니다.

생성된 저장소의 메인 화면입니다.
이제 원하는 HTML 파일이나 Jekyll 파일을 업로드하면 GitHub Pages가 자동으로 빌드하게 됩니다.
초기에는 빈 저장소라서 파일을 하나라도 커밋하면 GitHub가 바로 빌드를 시작합니다.

Actions 탭으로 이동하면 GitHub Pages가 자동으로 빌드된 로그를 확인할 수 있습니다.
Page Build and Deployment 항목이 초록색 체크 표시라면 정상적으로 배포가 완료된 상태입니다.

이제 브라우저 주소창에 아래처럼 입력하면 GitHub Pages가 생성한 정적 웹을 확인할 수 있습니다.

https://owner이름.github.io

저는 아래 주소로 접속하면 정상적으로 페이지가 표시됩니다:

👉 https://niv-kai.github.io/

niv-kai.github.io

 

✨ 다음 단계 예고: Jekyll을 활용한 본격 블로그 만들기

GitHub Pages는 단순 HTML 정적 페이지뿐 아니라
Ruby 기반의 Jekyll 프레임워크를 활용하면 훨씬 강력한 블로그 및 포트폴리오 사이트를 만들 수 있습니다.

다음 글에서는 아래 내용을 다룰 예정입니다: