나만의 홈페이지 만들기(GitPage)

며칠전, 생활코딩 페이스북에서 누군가 개인포토폴리오를 만들고 싶어 도메인이랑 알아보는 글을 보았는데, 그날 당연히도 GitPage를 추천했다.

물론, 네이버블로그, 다음블로그, 티스토리 설치형으로는 Wordpress, Ghost등등 으로도 개인포토폴리오를 만들수 있지만, 블로그는 글쓰기는 편하고 유지비도 적게 들지만 자유롭지 못하고 티스토리는 초대장이 없이는 가입이 불가능하고(이제부터 초대장 필요없단다 ㅠㅠ 힘들게 초대장 얻었는데...), 워드프레스나 Ghost같은 설치형은 서버비용도 추가로 드는 편이라서 GitPage가 딱인거 같았다.

막상 추천을 했는데 실제로는 GitPage를 사용해 보지는 않았었다...
웬지 미안한 마음이 드는거 같아 이참에 GitPage사용법을 포스팅 하려 한다.

註冊

GitPage를 사용하려면 우선, Github에 회원가입을 해야 한다.(Github아이디가 있다면 다음단계로 Go!)

이어서,
Github메인페이지 우측 상단 Sign up버튼을 클릭하면 아래와 같은 회원가입 페이지로 넘어간다.

사용자이름, 이메일주소, 패스워드 입력하고 Create an account버튼을 클릭하면 Step 2: 페이지로 넘어가고, 비공개저장소가 필요하다면 유료서비스를 체크하고 아니면 그냥 다음으로 넘어가면 된다.

Step 3: 페이지는 관심사, 사용용도 등등을 선택하는 페이지인데 그냥 건너 뛰여도 무방하다.

회원가입을 완료하면 아래와같은 페이지가 보여진다.

開始

회원가입이 되였으면 Start a project를 클릭하거나 우측상단의 New repository를 클릭해서 프로젝트를 생성한다.

우선 메일인증 해야 하는것을 잊지 말자!
메일인증이 안되면 Repository생성이 안된다.

이제, Repository를 생성해보자.
이름은 무조건 가입할 때 입력했던 아이디를 서브도메인으로 해야 한다.
아이디.github.io이런식으로 Repository name을 생성해야 한다.

Create repository를 클릭하면 아래와 같이 Repository가 생성된다.

생성 할 때 "Initialize this repository with a README" 항목을 선택하였다면 아래와 같이 안보여 질 수 있다. 하지만 다음 작업을 진행하는데는 문제가 없다.

SSH

여기서 잠간 멈추고, SSH-key등록 방법에 대해 알아보자.

SSH-key를 등록 하려면 우선 Settings페이지로 넘어가야한다.

사이드메뉴의 SSH and GPG keys메뉴를 클릭하고 오른쪽 상단 New SSH key버튼을 클릭한다.

내 컴퓨터에서 생성한 SSH key를 Key입력창에 넣는다.
Windows 사용자라면 Putty를 사용해도 된다.

SSH key생성방법은 Git홈페이지를 방문하거나 구글링해도 수루룩 나온다.

SSH key추가 후 Add SSH key버튼을 클릭하면 아래와 같이 내 컴퓨터 SSH key 추가리스트를 확인 할 수 있다.

HTTPS

우선 새폴더 하나 생성한다. (예: suuon.github.io)
확인하기 쉽게 일부러 도메인주소와 같은이름의 폴더를 생성했다.

mkdir suuon.github.io
cd suuon.github.io
touch README.md

전에 Repository를 생성 할 때 "Initialize this repository with a README" 항목을 선택하였다면 README.md 파일이 이미 저장소에 추가 되였을 것이다. 
그러면 굳이 내 컴퓨터에서 README.md파일을 생성 할 필요가 없다.

이어서 업로드 할 파일들을 금방 생성한 폴더(예: suuon.github.io)에 넣고 git init명령어를 입력해준다.

git init

그러면 폴더 안에 .git이라는 새폴더가 생성 되였을 것이다. 이폴더는 기본으로 숨김으로 되여 있어 숨김파일 보기를 체크해야만 확인이 가능하다.

이어서, git add .를 입력해 모든 소스파일을 로컬저장소에 추가한다.
그리고, git commit -m "코멘트..."를 입력해 로컬저장소에 저장한다.

git add .
git commit -m "내가 만든 소스를 업로드 함"

 이같은 명령어로 작업하기가 어려우시다면 Sourcetree나 Github Desktop같은  프로그램을 사용하면 된다.

로컬저장소에 저장이 완료되면 git remote add origin '내 Github 주소' 명령어로 원격 저장소에 연결한다.
여기서 잠간, 만약 SSH key를 등록 하였다면 Git저장소 주소가 "https://" 가 아닌 "git@github.com:"으로 시작되는 주소를 입력해야 한다.

그다음 git push -u origin master해 원격저장소에 업로드 한다.

// https
git remote add origin https://github.com/suuon/suuon.github.io
git push -u origin master

// ssh
git remote add origin git@github.com:suuon/suuon.github.io.git
git push -u origin master

"https://" 로 연결했을 경우 추가로 아이디, 패스워드 입력하라는 창이 뜬다. 여기에 Github에 가입했던 아이디, 패스워드를 입력하면 끝이다.

업로드 성공되면 아래와 같이 remote: 100%, master -> master등등 메세지가 출력이 된다.

이어서, Github홈페이지 저장소에서 새로고침 해보면 아래와 같이 작업한 소스들이 업로드 되여 있는것을 확인 할 수 있다.

终

끝으로, 웹브라우저 창에 GitPage도메인을 입력하면 접속연결되는것을 확인할 수 있다.
업로드완료된 후 바로 확인하면 안열릴 수 있어 30초이상 기다렸다가 새로고침 해야 확인하기 바란다.

아마 페이지가 생성되는 시간이 있는거 같아 내가 업로드한 파일이 크면 클수록 시간이 더 걸린다.

GitPage에서 사용되는 도메인은 2차 도메인이다. 혹시 가지고 있는 도메인이 있다면 Settings에서 내 도메인을 기본도메인으로 설정이 가능하다.

이번 포스팅은 최대한 모든 절차를 자세히 설명하려 했으나  쓰면서도 많이 생략된거 같다.
암튼, 도움이 조금이라도 되였다면 좋겠다. ^^#