깃허브 블로그 세팅 방법 재정리 🚀

깃허브 블로그란? 🤔

깃허브 블로그는 GitHub Pages를 활용해 무료로 운영할 수 있는 블로그입니다. 주로 Jekyll, Hugo, Hexo 같은 정적 사이트 생성기를 사용하며, 개발자뿐만 아니라 기술 블로그를 운영하려는 사람들에게 인기 있습니다.

✅ 무료로 블로그 운영 가능 ✅ 커스텀 도메인 적용 가능 ✅ 빠른 로딩 속도 ✅ 버전 관리와 협업이 용이

깃허브 블로그 만드는 방법 🛠️

1️⃣ 깃허브 계정 생성

GitHub에서 계정을 생성하고 로그인합니다.

2️⃣ 새 저장소(Repository) 만들기

1. GitHub에서 New repository 클릭
2. 저장소 이름을 your-username.github.io로 설정 (반드시 이 형식!)
3. Public으로 설정 후 Create Repository 클릭

3️⃣ GitHub Pages 활성화

1. 저장소에서 Settings > Pages 이동
2. Branch를 main으로 설정 후 Save 클릭
3. 잠시 후 https://your-username.github.io에서 블로그 확인 가능!

4️⃣ Jekyll로 블로그 세팅 (선택 사항)

Jekyll은 깃허브와 가장 호환성이 좋은 정적 사이트 생성기입니다.

🔹 Jekyll 설치 (로컬에서 작업하는 경우)

sudo gem install jekyll bundler

jekyll new myblog

cd myblog

bundle exec jekyll serve

🔹 GitHub에 업로드

git init

git add .

git commit -m "First commit"

git branch -M main

git remote add origin https://github.com/your-username/your-username.github.io.git

git push -u origin main

5️⃣ 테마 적용 🎨

GitHub Pages는 다양한 테마를 지원합니다.

🔹 간단한 테마 적용 방법

1. _config.yml 파일에서 테마 설정 추가:
   theme: minima  # 원하는 테마 이름 입력
2. 변경 사항을 커밋하고 푸시하면 자동 적용됩니다.

더 많은 테마는 Jekyll Themes에서 확인 가능합니다.

 

커스텀 도메인 설정 🌍

1️⃣ 도메인 구입

Namecheap, GoDaddy, Google Domains 등에서 도메인을 구매합니다.

2️⃣ 깃허브 Pages 설정

1. Settings > Pages > Custom domain에서 원하는 도메인 입력
2. 깃허브에서 제공하는 CNAME 파일 생성

3️⃣ DNS 설정 변경

도메인 등록 업체에서 아래 레코드를 추가합니다:

A 185.199.108.153

A 185.199.109.153

A 185.199.110.153

A 185.199.111.153

CNAME your-username.github.io

설정 후 몇 시간 내로 적용됩니다.

 

블로그 관리 및 포스팅 ✍️

🔹 글 작성 방법

1. _posts 폴더에 새로운 Markdown 파일 생성 (YYYY-MM-DD-title.md)

파일 내 YAML 헤더 추가:
---

layout: post

title: "첫 블로그 글"

date: 2025-02-23

categories: [GitHub, Blog]

1. ---
2. Markdown 문법으로 글 작성 후 커밋 & 푸시

🔹 로컬에서 미리보기

bundle exec jekyll serve

 

SEO 최적화 및 유용한 팁 🔍

🔹 메타 태그 설정 – _config.yml에 SEO 관련 정보 추가

title: "내 깃허브 블로그"

description: "개발 블로그 만들기 튜토리얼"

url: "https://your-username.github.io"

🔹 사이트맵 & RSS 피드 설정

plugins:

  - jekyll-sitemap

  - jekyll-feed

🔹 Google Search Console 등록 – 사이트맵 제출하여 검색엔진 노출 강화

🔹 소셜 미디어 공유 버튼 추가 – 방문자 증가 유도

🔹 HTTPS 활성화 – 깃허브에서 기본 제공 (설정에서 체크)

 

마무리 🎯

GitHub Pages를 활용하면 무료로 빠르고 안정적인 블로그를 만들 수 있습니다. Jekyll을 이용하면 테마 적용과 SEO 최적화도 쉽게 가능하죠! 😊

📢 깃허브 블로그 운영하면서 궁금한 점이 있다면 댓글로 질문해주세요!