2026년에 GitHub Pages로 무료 블로그 만들기: 완전 가이드

발행: (2026년 3월 29일 오전 05:21 GMT+9)
4 분 소요
원문: Dev.to

Source: Dev.to

왜 GitHub Pages ?

  • 100 % 무료 — 호스팅, SSL, 대역폭
  • 성능 좋음 — GitHub 전 세계 CDN
  • 버전 관리 — 모든 변경 사항이 Git에 기록됨
  • 맞춤 도메인 지원 (선택 사항)
  • 서버 관리 불필요

단점: 동적 콘텐츠(데이터베이스, 기본 댓글 등) 지원 안 함. 하지만 블로그에는 충분히 좋습니다.

GitHub 계정 만들기

  1. 에 접속해 계정을 생성합니다.
  2. 사용자 이름을 신중히 선택하세요 — 블로그 URL이 votrenom.github.io 형태가 됩니다.

리포지토리 설정

  1. GitHub에서 정확히 votrenom.github.io 라는 이름의 새 리포지토리를 만들고(여기서 votrenom을 사용자 이름으로 교체)

  2. 초기화를 위해 **“Add a README file”**을 체크합니다.

  3. 리포지토리 루트에 index.html 파일을 만들고, 예시처럼 작성합니다:

    <!DOCTYPE html>
    <html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>Mon blog</title>
    </head>
    <body>
        <h1>Bienvenue sur mon blog</h1>
    </body>
    </html>

사이트 배포

  1. 리포지토리 Settings를 엽니다.
  2. 왼쪽 메뉴에서 Pages를 선택합니다.
  3. Source 아래에서 Deploy from a branchmain(또는 사용 중인 브랜치)와 root를 선택합니다.
  4. Save를 클릭합니다.

1~2분 뒤, 사이트가 https://votrenom.github.io 주소에서 확인됩니다.

맞춤 도메인 사용하기

  1. 도메인 구매 (연간 약 10 €).
  2. 도메인 등록기관 대시보드에서 CNAME 레코드를 추가: wwwvotrenom.github.io.
  3. 리포지토리 Settings → Pages 로 돌아가 도메인(예: monblog.fr)을 입력합니다.
  4. GitHub가 자동으로 해당 도메인에 대한 SSL 인증서를 생성합니다.

저렴하게 도메인 구매할 수 있는 곳

등록기관.fr 연간 가격.com 연간 가격비고
OVH~7 €~10 €프랑스 기반, 신뢰성 높음
(기타)

정적 사이트 생성기 (선택 사항)

생성기장점GitHub Pages 지원
Jekyll기본 지원, Markdown 글 작성 가능
Hugo초고속, 다양한 테마
Eleventy (11ty)유연함, JS 개발자에게 친숙

이 도구들은 Markdown 파일을 HTML로 자동 변환해 push 할 때마다 사이트를 업데이트합니다.

구현 단계

단계작업예상 시간비용
1GitHub 계정 만들기2 분무료
2votrenom.github.io 리포지토리 생성5 분무료
3index.html 파일 추가(또는 Jekyll/Hugo 설정)10 분무료
4GitHub Pages 설정2 분무료
5(선택) 맞춤 도메인 설정10 분~10 €/연

설정에 대해 궁금한 점이 있나요? 댓글에 상황을 알려 주세요.

0 조회
Back to Blog

관련 글

더 보기 »

태그 <html>: 당신의 웹 우주

만약 당신의 웹사이트가 살아있는 유기체라면, 태그는 그 모든 것을 감싸는 피부와 같습니다. 그것은 루트(root) 요소이며, 페이지에서 절대 없어서는 안 되는 존재입니다.

HTML 파트 3

Label A는 사용자에게 입력 상자에 무엇을 입력해야 하는지 알려줍니다. 라벨과 입력을 for와 id를 사용해 연결하는 것이 가장 좋습니다. 사용자가 라벨을 클릭하면, 연결된…