My Blog

GitHub Pages로 운영하는 정적 블로그입니다. 빌드 도구 없이 순수 HTML/CSS/JS로 동작합니다.

구조

.
├── index.html              # 글 목록 (태그 필터 + 다크모드)
├── about.html              # 소개 페이지
├── posts/                  # 글 한 편 = HTML 파일 하나
│   ├── welcome.html
│   └── github-pages-guide.html
└── assets/
    ├── css/style.css       # 전체 스타일 (라이트/다크 테마 변수)
    └── js/
        ├── posts.js        # 글 목록 메타데이터
        └── site.js         # 헤더/푸터 주입 + 테마 토글

새 글 쓰는 법

1. posts/ 안의 기존 글 파일을 복사해 새 파일을 만든다 (예: posts/my-post.html).
2. 제목·날짜·본문을 수정한다.
3. assets/js/posts.js 맨 위 배열에 항목을 한 줄 추가한다. slug는 파일명(확장자 제외)과 같아야 한다.
4. 커밋 & 푸시한다.

배포 (GitHub Pages)

1. GitHub에서 본인아이디.github.io 저장소를 만든다.
2. 이 폴더 내용을 저장소 루트에 올린다:

   git init
   git add .
   git commit -m "첫 블로그 배포"
   git branch -M main
   git remote add origin https://github.com/본인아이디/본인아이디.github.io.git
   git push -u origin main

3. 저장소 Settings → Pages 에서 소스가 main 브랜치인지 확인한다.
4. 1~2분 후 https://본인아이디.github.io 접속.

로컬에서 미리보기

python3 -m http.server 8000
# http://localhost:8000 접속

커스터마이즈

• 사이트 이름: assets/js/site.js의 SITE_TITLE
• 색상/테마: assets/css/style.css 상단의 CSS 변수
• 소개/연락처: about.html