GitHub Pages로 블로그 만들기, 무료 호스팅으로 내 사이트 여는 법 (2026)

작성자:

블로그를 만들고 싶은데 호스팅비가 부담스럽거나, 네이버·티스토리 말고 내 도메인으로 된 사이트를 갖고 싶은 분이라면 GitHub Pages가 답입니다. 무료이고, 광고도 안 붙고, 속도도 빠릅니다.

저장소 하나 만드는 것부터 실제 블로그가 열리는 순간까지, 한 번에 따라해보세요.

GitHub Pages가 뭔가요?

GitHub 저장소에 올린 HTML/CSS/JS 파일을 자동으로 웹사이트로 호스팅해주는 무료 서비스입니다.

  • 비용: 완전 무료. 트래픽 제한(월 100GB)이 있지만 개인 블로그에는 충분
  • 도메인: 기본 username.github.io 제공. 커스텀 도메인도 연결 가능
  • HTTPS: 자동 적용 (보안 인증서 무료)
  • 속도: GitHub CDN으로 전 세계 빠른 로딩

워드프레스처럼 데이터베이스가 필요한 동적 사이트는 안 되지만, 블로그·포트폴리오·문서 사이트에는 최적입니다.

방법 1: 가장 빠른 방법 — 저장소만 만들기

5분이면 사이트가 열립니다.

1단계: 저장소 생성

  1. GitHub 로그인 → 우측 상단 “+” → “New repository”
  2. Repository name: username.github.io (본인 GitHub 사용자명으로 대체)
    • 예: 사용자명이 “hong”이면 → hong.github.io
  3. Public 선택 (Pages는 Public 저장소에서만 무료)
  4. “Add a README file” 체크 → Create repository

2단계: index.html 생성

  1. 저장소 페이지에서 “Add file” → “Create new file”
  2. 파일명: index.html
  3. 내용 입력: 
    <!DOCTYPE html>
<html>
<head><title>내 블로그</title></head>
<body>
  <h1>안녕하세요!</h1>
  <p>GitHub Pages로 만든 첫 페이지입니다.</p>
</body>
</html>
  4. “Commit new file” 클릭

3단계: 사이트 확인

1~2분 후 https://username.github.io 에 접속하면 사이트가 열립니다. 안 열리면 저장소 Settings → Pages에서 “Source”가 “Deploy from a branch” / “main” 브랜치로 설정되어 있는지 확인하세요.

방법 2: Jekyll 테마로 블로그답게

HTML을 직접 쓰면 디자인이 힘듭니다. Jekyll이라는 정적 사이트 생성기를 쓰면 마크다운(.md)으로 글을 쓰고, 테마가 자동으로 디자인을 입혀줍니다.

테마 적용 방법 (가장 쉬운 방식)

  1. 저장소 Settings → Pages → “Theme Chooser” 또는 _config.yml 파일 직접 생성
  2. _config.yml 파일 생성 후 아래 내용 입력: 
    title: 내 블로그
description: GitHub Pages로 만든 개인 블로그
theme: minima
  3. _posts 폴더 생성 → 글 파일 추가:
    • 파일명 규칙: 2026-07-05-first-post.md
    • 내용: 
      ---
layout: post
title: "첫 번째 글"
date: 2026-07-05
---

여기에 본문을 마크다운으로 씁니다.
**굵게**, *기울임*, [링크](url) 등 사용 가능.
  4. 커밋하면 GitHub가 자동으로 Jekyll 빌드 → 사이트 반영

인기 Jekyll 테마

테마 특징 적합한 용도
Minima GitHub 기본 테마, 심플 개인 블로그, 일기
Just the Docs 문서 사이트 특화, 검색 내장 기술 문서, 가이드
Chirpy 깔끔한 디자인, 다크모드, TOC 기술 블로그
al-folio 학술·연구자용, CV 페이지 포트폴리오, 연구 소개

테마를 바꾸려면 _config.yml의 theme 값을 변경하거나, 테마 저장소를 Fork해서 사용합니다.

커스텀 도메인 연결하기

username.github.io 대신 내 도메인(예: myblog.com)을 쓰고 싶다면:

  1. 도메인 구입 — Namecheap, 가비아, 카페24 등에서 도메인 구입 (연 1~2만 원)
  2. DNS 설정 — 도메인 관리 페이지에서 CNAME 레코드 추가:
    • Type: CNAME / Name: www / Value: username.github.io
  3. GitHub 설정 — 저장소 Settings → Pages → Custom domain에 도메인 입력 → Save
  4. HTTPS 활성화 — “Enforce HTTPS” 체크 (자동 인증서 발급, 수 분 소요)

저장소 루트에 CNAME 파일이 자동 생성됩니다. 이 파일을 삭제하면 커스텀 도메인이 해제되니 주의하세요.

GitHub Pages의 한계

  • 서버 사이드 코드 불가 — PHP, Python, Node.js 등 서버 코드는 실행 안 됨. 순수 HTML/CSS/JS만 가능
  • 댓글 기능 없음 — 기본 제공 안 됨. Disqus, Utterances(GitHub Issues 기반) 등 외부 서비스로 추가 가능
  • 저장소 용량 — 권장 1GB 이하. 대용량 이미지/동영상은 외부 호스팅 추천
  • 빌드 시간 — Jekyll 빌드에 1~3분 소요. 글이 수백 개면 느려질 수 있음
  • Private 저장소 — 무료 플랜에서는 Public만 Pages 사용 가능 (Pro 이상은 Private도 가능)

GitHub Pages vs 다른 무료 호스팅

서비스 특징 적합한 경우
GitHub Pages Git 기반, Jekyll 내장, 무료 HTTPS 개발자 블로그, 포트폴리오
Vercel Next.js 등 프레임워크 지원, 빌드 빠름 React/Next.js 프로젝트
Netlify 폼 처리, 서버리스 함수 무료 제공 정적 사이트 + 약간의 백엔드
Cloudflare Pages 무제한 대역폭, 빠른 CDN 트래픽이 많은 사이트

정리

  • GitHub Pages = GitHub 저장소 → 무료 웹사이트 호스팅
  • username.github.io 저장소 만들고 index.html 올리면 5분 안에 사이트 오픈
  • Jekyll + 테마로 마크다운 블로그 운영 가능
  • 커스텀 도메인 연결도 무료 (도메인 구입비만 필요)
  • 서버 코드 없는 정적 사이트 전용이라는 한계는 있음

이 글은 2026년 7월 기준으로 작성되었습니다.

같은 주제 글 보기