Github Page로 웹 호스팅

1. 깃허브 페이지로 웹 호스팅 하기

간단하게 Github Page를 이용해서 웹 무료 호스팅을 해보도록 하겠습니다.

1.1 REPOSITORY 생성

repository를 생성하고 Repository name을 지정합니다.
저는 “test_project”로 이름을 지정했습니다.
지정한 Repository name이 깃허브 주소로 https://chanho-yoon.github.io/{Repository name} 설정됩니다. (한글x)

1.2 GIT INIT

호스팅을 할 프로젝트 폴더로 들어가 git 저장소를 생성한 뒤 commit -> push 합니다.

주의사항

• 프로젝트 폴더내에 반드시 index.html 파일이 존재해야 합니다.

git init
git add .
git commit -m "fisrt commit"
git remote add origin https://github.com/chanho-Yoon/test_project.git
git push origin master

1.3 GH-PAGES

gh-pages 브랜치를 생성하고 원격 저장소로 branch를 push 합니다.

주의사항

• 브랜치명은 반드시 gh-pages로 생성해야 합니다.

git checkout -b gh-pages
git push origin gh-pages

1.4 확인

오류 없이 진행이 다 되었다면 해당하는 프로젝트의 repository의 Settings에서 Github Pages 목록 처음 부분에 웹호스팅된 주소와 Source 부분의 branch가 gh-pages로 되어 있는 것을 볼 수 있습니다.

간혹 바로 반영이 안될 때가 있습니다. 이러할 경우 몇 분 정도 기다렸다가 들어가시면 정상적으로 접속됩니다.

---

참고