본문 바로가기

CodeTech/Git

Git - 9 [static website 무료호스팅]

static website란

html, css, javascript로만 이루어진 프론트 앤드로만 구성된

웹사이트 라는 이야기 이다.

 

github에서는 이러한 웹사이트를 무료로 배포시킬수 있다.

먼저 해당 작업물이 있는 git에 대해서 branch를 해야한다.

그이름을 무조건 'gh-pages' 라고 해주어야한다.

 

그렇지 않다면 publish할 때 실패하게 된다.

또한, 우리 저장소(repository)는 무조건 public해야한다.

private하다면 공개 자체를 할수 없기 때문이다.

 

git Desktop을 이용하면 아주 쉽다.

 

깃헙을 키고 옆의 add existing repository를 선택하고 기존에 만들었던 git 폴더를 선택한다.

이후

new branch 버튼을 선택하여 이름을 gh-pages 라고 만들어주고

옆에 publish 버튼을 클릭하면 끝이다. Fetch orgin 처럼 버튼이 바뀐다.

 

이제 공개된 웹페이지를 확인해보자

오른쪽의 Environments dptj github-pages 를 누른다.

view deployment를 누르면 짠

 

아래와 같이 로그인 페이지가 나오며 공개가 된다.

 

하지만 이후에 이github page를 수정하고 싶을 때는 어떻게 하느냐?

먼저 master에서 수정한 후 commit을 한다음

github Desktop의 gh-pages에 들어간다음 맨위 탭의 branch 항목을 누르고

 

업데이트 하면된다.

 

위 설정을 하면 끝!