HTML 포스터

블로그 레포지토리에 HTML 배포

⚙️ GitHub 설정

* Staff Portal 설정에서 자동으로 불러옵니다

레포지토리 네트워크 구축 백서
# dtslib 레포지토리 네트워크 구축 가이드 ## 1. 네트워크 구조 ``` [dtslib-branch] [dtslib-posts] (메인) ←→ (블로그) ↓ ↓ Staff Portal HTML 포스트들 프롬프트 도구 post-001.html 랜딩페이지 post-002.html ``` --- ## 2. 블로그 레포지토리 생성 ### Step 1: 새 레포 만들기 1. https://github.com/new 접속 2. Repository name: `dtslib-posts` 3. Public 선택 4. Add README 체크 5. Create repository ### Step 2: GitHub Pages 활성화 1. Settings → Pages 2. Source: Deploy from a branch 3. Branch: main / root 4. Save ### Step 3: 라이브 URL 확인 ``` https://[username].github.io/dtslib-posts/ ``` --- ## 3. Personal Access Token 생성 1. https://github.com/settings/tokens 접속 2. Generate new token (classic) 3. 권한 선택: - [x] repo (Full control) - [x] workflow (옵션) 4. Generate token 5. 토큰 복사 (한번만 표시됨!) --- ## 4. HTML 포스터 사용법 1. GitHub 유저명 입력 2. 블로그 레포 이름 입력 (dtslib-posts) 3. Personal Access Token 붙여넣기 4. 파일명 입력 (예: post-001.html) 5. HTML 내용 작성 6. "GitHub 배포" 클릭 7. 라이브 URL에서 확인: https://[username].github.io/dtslib-posts/post-001.html --- ## 5. 메인 레포 연동 ### 랜딩페이지 Blog 섹션 ```html 📝 Blog ``` ### Staff Portal 연결 - HTML 포스터: ./tools/html-poster.html - 블로그 관리: GitHub 레포 직접 접근 --- ## 6. 자동화 (선택) ### GitHub Actions 워크플로우 `.github/workflows/deploy.yml` 생성: ```yaml name: Deploy to Pages on: push: branches: [main] jobs: deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/configure-pages@v4 - uses: actions/upload-pages-artifact@v3 with: path: '.' - uses: actions/deploy-pages@v4 ``` --- ## 7. 폴더 구조 권장 ``` dtslib-posts/ ├── index.html # 포스트 목록 ├── post-001.html # 첫번째 포스트 ├── post-002.html # 두번째 포스트 ├── assets/ │ └── images/ # 이미지 저장 └── README.md ``` --- *이 백서를 Claude에 붙여넣고 "이대로 구축해줘" 하면 됩니다.*