깃허브 페이지로 프로젝트 사이트 만들기

깃허브 페이지는 깃허브 저장소와 연동하여 무료로 사이트를 호스팅 해주는 서비스이다.

무료로 이용가능하고 저장소에 업데이트 된 내역도 곧바로 반영되어 매우 편리하다.

 

먼저 깃허브 페이지로 보낼 저장소를 고른다. 저장소에는 미리 html 파일과 css 파일을 업로드 해둔 상태이다.

 

 

이때 저장소 이름은 딱히 username.github.io 같은 형식이 아니어도 상관없다.

대신 Settings에서 깃허브 페이지 설정을 따로 해줘야한다.

세팅에 들어가서 스크롤을 아래로 내리면 하단에 깃헙 페이지 메뉴가 있다.

 

 

처음에는 Branch:none 으로 되어있을 건데 main으로 바꿔주고 Save한다.

 

 

그러면 이렇게 깃헙 페이지가 생성되었다는 문구가 뜬다.

사이트 주소는 https://username.github.io/repository-name/ 의 형식이다.

 

참고로 반영되는데 시간이 걸려서 만든 직후에 들어가면 에러가 뜰 수 있다.