github page로 웹 사이트 만들기

 

github repository에 올린 프로젝트를 페이지로 배포해 보자.

---

github page란?

https://docs.github.com/ko/pages/getting-started-with-github-pages/about-github-pages

GitHub Pages 정보 - GitHub Docs

GitHub Pages는 GitHub의 리포지토리에서 HTML, CSS 및 JavaScript 파일을 직접 가져와서 필요에 따라 빌드 프로세스를 통해 파일을 실행하고 웹 사이트를 게시하는 정적 사이트 호스팅 서비스입니다.

github page 만들기

공식문서를 보고 개인 페이지를 쉽게 만들 수 있다.

1. "githubUsername.github.io" 의 이름을 가진 Repository를 생성한다.
2. 해당 레포의 최상단 루트 경로에 index.html 파일을 만들고 기본 내용을 추가한다.
3. 몇 초 후 index.html 파일의 내용이 https://username.github.io 에 반영된다.

이제 https://username.github.io 이라는 깃헙과 연동된 페이지가 생성되었다.

github page template로 다양한 템플릿을 적용해 내 페이지를 꾸밀 수 있다. 

---

Project 페이지 만들기

여러 프로젝트를 배포하려면 어떻게 해야 할까?

 

방금 호스팅 한 이 페이지는 "githubUsername.github.io" 이름의 Repository 내용만 반영된다.
또한, 깃허브에서 메인 호스팅 작업은 1 계정 당 1페이지만 제공한다.
깃허브 아이디를 여러 개 만들어서 여러 페이지를 만들어야 할까?

 

정답은 여러 아이디를 만드는 것 대신 깃허브에서는 레포지토리 단위로 페이지를 설정하는 기능을 제공하고 있다.

 

1. page로 만들고 싶은 repository → settings → pages 로 들어간다.

   

2. 다음 옵션을 None → master로 변경 후 저장한다.

   

3. Actions에서 동작을 확인한다.

   

4. https://username.github.io/reponame/ 으로 페이지가 생성된 것을 확인한다.

각 Repository의 이름이 엔드포인트가 되어 URL이 생성된다.

---

github page의 경우 소스 코드와 트래픽 등의 제한이 있으니 확인 후 알맞은 프로젝트를 배포하도록 하자.

---