Github를 통해서 개인 홈페이지 만들어보기

Github란?

깃허브는 분산 버전 관리 툴인 깃 저장소 호스팅을 지원하는 웹 서비스이다. 루비 온 레일스로 작성되었다. GitHub는 영리적인 서비스와 오픈소스를 위한 무상 서비스를 모두 제공한다.

아래 싸이트에서 회원가입을 할 수 있구요.

저는 가장 기본적은 일단 무료 플랜으로 하겠습니다.

500메가의 용량을 주며, 2000개의 액션을 할 수 있다고 합니다.

Continue for free로 선택하시고 다음페이지에서 운영할 주소를 선택하면 되는데요.

이미 dorudoru나 dorulog는 사용중이어서 doruhub로 하였습니다.

그리고 몇가지 깃허브의 사용 목적을 누르면 최종적으로 계정을 만들 수 있습니다.

그리고 메일로 온 인증메일을 클릭하시면 깃허브 가입이 끝났습니다.

이 과정까지 마무리하였다면, 이제 repository

즉 제 프로그램(홈페이지)을 저장할 저장소를 만들 수 있습니다.

그리고 다음페이지에서 Create a new repository를 누르고 dorulog(원하는 Id).github.io로 만들어줍니다.

그리고 만들어진 저장소에서 파일을 업로드 해봅니다.

아까 생성한 github.com/아이디에 가시면 저장소에 접근할 수 있습니다.

저는 index.html을 업로드 하고, 초록색의 Commit changes를 누릅니다.

여기까지 왔다면 거의 다 한것입니다.

이제 홈페이지를 만들기위해서 직접 HTML로 만들어서 해도 되구요.

부트스트랩에서 맘에드는 템플릿을 선택하셔서 진행할 수도 있습니다.

대표적인 부트스트랩 테마 사이트는 아래와 같습니다.

이런 부트 스트랩 템플릿을 활용하셔서 다운로드 받으신 다음 index.html을 변경하시면 됩니다.

저는 bino 템플릿을 선택해 봤구요.

수정후에는 Add File -> upload Files를 통해서 업로드 하면 되구요.

파일을 드래그 드래그로 복사해놓은 다음에 commit Change를 누르면 됩니다.

전체 프로그램을 업로드하시면 되구요.

업로드시 100개이상의 파일이 있으면 한번에 업로드가 안되니 분할해서 업로드하셔야 합니다.

이를 통해서 정말 간단한 홈페이지를 만들 수 있습니다.

파일삭제는 파일 또는폴더를 선택하시고 우측하단에 Delete를 누르시면 됩니다.

수정하다가 말았는데요. 이런식으로 응용하시면 됩니다. 그럼 즐거운 하루되시길.

728x90