GitHub Pages로 배포하기

내 GitHub 리포지토리에 올라가 있는 웹 사이트를 백엔드 없이 서버에 등록을 할 수 있다!

 

GitHub이 너무 착해서 배포도 지원을 해주는 것 같다..

오늘은 내 리포지토리에 올라가 있는 웹 사이트를 GitHub Pages로 호스팅 하는 방법을 적도록 하겠다.

 

GitHub Pages란,

GitHub Docs에는 이렇게 설명되어 있다.

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

 

즉, 내가 만든 로컬의 웹 사이트를 외부에서도 접속할 수 있도록 만들어 준다.

(정적 사이트만 가능하다는 것을 잘 알아두자)

 

 

 

그러면 리포지토리에 나의 웹 사이트가 있다는 가정하에 진행해 보겠다.

우선 배포할 리포지토리가 public으로 등록되어 있는지 확인을 해야 한다.

private으로 되어 있는 리포지토리는 GitHub Pages로 배포할 수 없다.

Setting 메뉴의 General로 들어가서 제일 아래로 내리면

Danger Zone이 나올 것이다.

 

Change repository visibility 란에 This repository is currently public으로 되어 있으면

현재 내 리포지토리는 public이다.

private라면 This repository is currently private라고 되어 있을 것이다.

그러면 Change visibility로 public으로 바꿔주자.

(이때, 내 리포지토리에 민감한 정보가 들어 있는지를 잘 알아둬야 한다. private인 데에는 이유가 있을 것이니깐..)

 

 

public으로 잘 설정했으면, Setting 메뉴의 Pages로 들어간다.

 

그러면 이런 화면이 나올 것인데,  우리는 Deploy from a branch를 진행할 것이다.

그리고, 내가 현재 배포할 branch를 찾아서 Branch란에 있는 None을 해당 branch로 바꿔준다.

(이때, 해당 브랜치의 루트 경로에 index.html이 존재해야 한다. 존재하지 않으면 readme가 루트 경로로 배포될 것이다.

그러니 루트 경로에 index.html이 잘 있는지 확인해야 한다.

index.html이 없고, 다른 html 파일을 실행해야 한다면 그 파일을 index.html로 바꿔야 한다.)

 

 

(추가)

리액트는 하는 방법이 있어서 나중에 따로 올릴 예정이다.

 

 

 

나는 main branch를 배포하고 싶어서 main으로 등록했다.

 

 

잘 설정하고 나서 Save 버튼을 누르게 되면,

화면 상단에 이런 문구가 뜰 것이다.

 

 

그러면 Actions 탭으로 가보자.

그러면 노란색 불이 들어온 채로 pages build and deployment가 진행되고 있을 것이다.

해당 탭을 눌러서 들어가게 되면 아래와 같은 화면이 뜬다.

현재 진행 상황을 볼 수 있는데, 조금 기다리면 deploy칸에 주소가 뜰 것이다.

그러면 완료되었다는 뜻인데, 그 링크를 클릭해서 들어가면 내가 배포하고 싶은 웹 사이트가 나올 것이다.

 

잘 나온 것을 확인할 수 있다.

 

 

 

 

 

 

글 내용 중, 잘못됐거나 더 알아야 하는 지식이 있다면 댓글로 남겨주시면 감사하겠습니다!

모두 좋은 하루 보내세요:)