GitHub에서 Static Web 호스팅하기

GitHub에서는 GitHub Page란 이름으로 Static Web을 호스팅해준다. 쉽게 말하면 서버가 따로 없어도 GitHub에서 repository에 소스 코드를 커밋해서 web page를 만들 수 있다. 자세한 내용은 GitHub Page를 참조한다.

과정

  • GitHub에서 새 repository를 (username).github.io 라는 이름으로 만든다.
    • username에는 자신의 GitHub 계정이름을 써야 한다.
    • username.github.io 으로 repository를 만들면 GitHub가 자동으로 이 repository에 커밋된 코드를 웹호스팅한다.
    • 이 때 새로운 웹페이지의 주소는 http://username.github.io 가 된다.
  • Repository를 Local folder에 cloning 한다.
  • index.html을 Repository folder에 새로 생성한다.
  • index.html에 다음과 같이 입력한다.
<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>
  • Commit하고 원격 repository에 index.html을 push (혹은 sync) 한다.
  • http://username.github.io 에 접속하면 Hello World가 브라우저 창에 떠있는 것을 확인할 수 있다.
  • HTML 코드를 수정하고 싶으면, 수정하고 다시 commit 및 push 한다. 수정내용이 웹페이지에 반영되는 것을 확인할 수 있다.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s