1단계: 처음 설치

# Node.js 설치 후
npm install -g wrangler

# 로그인
wrangler login

2단계: 프로젝트 구조

my-blog/
├── site/          ← 이 폴더를 Cloudflare에 업로드
│   ├── index.html
│   ├── posts/     ← 글 JSON 파일들
│   │   ├── index.json  ← 전체 글 목록
│   │   └── [slug].json ← 개별 글
│   └── media/     ← 이미지 파일들
└── admin/
    └── writer.html ← 이 파일 (로컬에서만 사용)

3단계: 글 작성 후 배포

# 이 writer.html에서 글 작성 → 저장
# JSON 복사 → site/posts/[slug].json 에 붙여넣기
# 이미지는 site/media/ 폴더에 넣기

# 전체 글 목록 재생성 (자동 스크립트)
node scripts/build-index.js

# Cloudflare 배포
wrangler pages deploy site --project-name my-blog

4단계: 자동화 (매일 업데이트)

# package.json에 스크립트 추가
{
  "scripts": {
    "deploy": "node scripts/build-index.js && wrangler pages deploy site"
  }
}

# 이후 매일 이렇게만 실행
npm run deploy

💡 이미지 최적화 팁

# Cloudflare Images 사용 시 (무료 10만개)
# 이미지 URL: https://imagedelivery.net/[ID]/[IMAGE_ID]/public
# 자동 최적화 + WebP 변환 + 리사이징 지원