Github을 이용한 정적 웹 사이트 무료 호스팅

Github을 이용한 정적 웹 사이트 무료 호스팅

본 게시글에서는 Github을 이용하여 정적 웹 사이트를 호스팅 하는 방법을 알아보겠습니다.

정적 웹 페이지란 미리 저장된 html, css, js 파일을 그대로 보여주는 웹 페이지를 의미합니다.

 

1. Github에서 저장소 만들기

2. 저장소의 Settings에서 스크롤을 내려 Github Pages-source 부분을 master-branch로 변경

sourch를 Master branch로 변경하면 페이지가 새로고침 되면서 Your site is ready to be published at ~이라는 문구를 확인할 수 있습니다. 

~부분이 자신의 웹 페이지 주소가 되어 아래와 같이 접속하실 수 있습니다.

3. 정적 웹 페이지 업로드/생성 하기

저는 미리 만들어둔 웹 페이지가 없어 파일 생성으로 index.html을 만들었습니다.

미리 만들어둔 웹 페이지가 있다면 파일 업로드를 통해 저장소에 파일을 올리시면 됩니다.

참고로 메인 페이지는 만드시 index.html 이름으로 업로드해야 합니다.

 

파일이 성공적으로 업로드된다면 위와 같이 index.html을 볼 수 있습니다.