정적 배포용 리포지토리 정리하기

***~~CSS 스타일 시트를 분리해줘~~***

현재 만들어져있는 **{페이지 통합본 HTML}**을 Github Pages 방식으로 배포할 수 있도록 현재 프로젝트의 하위 경로에 콘텐츠를 정리해줘. 저장소명은 **{my-github-id}.github.io**로 할거야.
배포용 프로젝트에서는 기존 하위 페이지에 있었던 assets 를 pages 경로 아래에 분리하지 말고 하나의 assets 경로에 모아주고, ***~~모든 이미지 리소스 파일명을 적절한 영문 파일명으로 바꿔줘.~~***

~/Workspace/wildmental.github.io
**▶ tree .**
├── assets
│   ├── favicon.png
│   ├── ...
│   └── profile-icon-white.png
├── index.html
├── styles.css
└── README.md

https://github.com/wild-mental/wild-mental.github.io

루트 경로에 있는 index.html 파일 꼭 확인하기!

GitHub Pages 기능으로 배포하기

1단계: 내 웹 주소가 될 새 저장소(Repository) 만들기

GitHub는 회원가입 시 설정한 계정 ID를 기반으로 무료 웹 호스팅 주소를 제공합니다.

• GitHub 로그인 후 New Repository를 생성합니다.
• Repository name (필수 규칙): 내계정ID.github.io 형태로 만들어야 합니다.
  • 예: 계정 ID가 wild-mental이라면, 저장소 이름은 정확히 wild-mental.github.io여야 합니다.
• Public/Private: 반드시 Public(전체 공개)으로 설정해야 무료 배포 기능이 활성화됩니다.

2단계: 내 프로젝트 업로드하기

• 로컬 작업 내용을 원격에 푸시합니다.

  • 원격 저장소명을 반드시 내 계정 ID로 합니다!
  • 프로젝트를 반드시 Public으로 합니다!
  • index.html 파일이 반드시 프로젝트의 루트 경로에 있어야 합니다!

• 원격 저장소에서 Settings > Pages 메뉴로 들어가서 배포 설정합니다.

  

3단계: 최종 배포 및 주소 확인

• 저장소 상단의 Settings > Pages 메뉴로 이동합니다.
• 1~2분 뒤 페이지를 새로고침하면 상단에 Your site is live at... 메시지와 함께 나의 GitHub Pages 로 배포된 웹사이트 주소가 나타납니다.
• 이제 전 세계 어디서나 이 주소로 접속하면 내가 만든 프로필 페이지를 볼 수 있습니다.

FAQ.