https://blog.zeclab.kr/tags/notion/Recent content in Notion on ZECLAB BlogHugokoTue, 26 May 2026 00:00:00 +0000https://blog.zeclab.kr/posts/github-notion-blog-setup/Tue, 26 May 2026 00:00:00 +0000https://blog.zeclab.kr/posts/github-notion-blog-setup/<h1 id="github-pages--notion으로-무료-기술-블로그-만들기">GitHub Pages + Notion으로 무료 기술 블로그 만들기</h1> <p>Claude와 대화한 내용을 자동으로 블로그에 발행하는 시스템을 직접 구축해봤다. 도메인은 기존에 사용 중인 zeclab.kr을 활용해 blog.zeclab.kr로 운영하기로 했다.</p> <h2 id="전체-구조">전체 구조</h2> <p>Claude 대화 → Notion 정리 → GitHub 자동 동기화 → blog.zeclab.kr 발행으로 이어지는 파이프라인이다. 모든 구성 요소가 무료이고, Notion에서 글을 작성한 후 Published를 체크하면 자동으로 블로그에 반영된다.</p> <h2 id="사용한-스택">사용한 스택</h2> <ul> <li><strong>Hugo</strong> — 정적 사이트 생성기. 빌드가 빠르고 한국어를 잘 지원한다.</li> <li><strong>PaperMod</strong> — Hugo 테마. 깔끔하고 다크모드를 기본 지원한다.</li> <li><strong>GitHub Pages</strong> — 무료 호스팅. 커스텀 도메인 연결도 가능하다.</li> <li><strong>GitHub Actions</strong> — 자동 빌드 및 배포. Notion 동기화도 여기서 처리한다.</li> <li><strong>Notion</strong> — CMS 역할. 글 작성과 발행 여부를 관리한다.</li> </ul> <h2 id="설정-과정">설정 과정</h2> <h3 id="1단계--github-저장소-생성-및-hugo-설정">1단계 — GitHub 저장소 생성 및 Hugo 설정</h3> <p>zeclab-blog 저장소를 생성하고 hugo.yaml 설정 파일과 GitHub Actions 워크플로우 파일을 추가했다. PaperMod 테마는 GitHub Desktop을 통해 로컬에서 업로드했다.</p>