[git]github 개인 페이지 만들기!

안녕하세요 강민성 입니다.

오늘은 github 을 이용해서 개인페이지를 만들어 볼까 합니다.

github을 써본 적이 있으시다면 굉장히 쉬운 내용이고

 그렇지 않더라도 따라올 수 있을 겁니다.

github을 이용한 개인 페이지 만들기

우선 깃이 설치가 되어있고 깃 계정을 만들었다는 전제하에 시작을 하도록 하겠습니다.

만약에 둘 중 하나라도 안되있다면 아래 링크를 참고해주세요!

깃헙을 설치하고 계정을 만드는 링크

저는 mac을 쓰고 있기에 mac 기준으로 설명을 드리도록 하겠습니다.

window라고 해서 크게 다른 점은 없으니 상관 없습니다.

1. repository 만들기

먼저 repository 를 만들어주도록 합시다.

새로운 repository 는 좌측 상단, 화살표가 가르키는 new 에서 추가 할 수 있습니다.

새로운 repository 를 설정하는 페이지 입니다.

각각에 대해 자세히 알아보는 건 다음에 하도록 하고 지금은

reposiroty의 이름에 유의하도록 합시다.

사진 속 에러는 이미 같은 repo를 만들어놨기 때문에 발생하는 것이기 때문에

여러분은 신경 안쓰셔도 됩니다.

repo 의 이름은 {owner 이름}.github.io 로 만들어 주도록 합시다.

그러면 http://{owner 이름}.github.io/ 다음과 같은 url로 연결이 되고

이름을 다음과 같은 양식을 지키지 않으면  http://arkss.github.io/{repo 이름} 

다음과 같이 url에 추가적으로 붙게 됩니다.

나머지는 그대로 두시고 create repository 버튼을 눌러 줍니다.

2. index.html 파일 추가

이제 생성한 repo에 홈페이지를 표현할 파일을 업로드 해야합니다.

html, css, js 등 일반적으로 웹을 구성하는 언어를 모두 지원합니다.

그리고 html 파일은 index.html 이라는 이름으로 올려야 합니다.

그러기 위해서 우선 git clone 을 통해서 내 로컬로 가져와보도록 하겠습니다.

terminal에서 원하는 경로로 이동 후

git clone {repo의 주소} 를 입력해줍니다.

repo의 주소는 당연히 repo 마다 다르므로 본인의 repo 에서

아래 이미지에 해당하는 부분을 클릭해 복사하도록 합시다.

terminal 에 입력해주면 다음과 같은 메세지가 뜨고 현재 디렉토리에

repo의 이름과 동일한 이름을 가진  폴더가 생성되었음을 알 수 있습니다.

이 폴더 안에 index,.html 을 넣고 push를 해주면 되는데

repo에 원하는 파일을 push 하는 과정은 다른 포스팅으로 대체하도록 하겠습니다.

push하는 포스팅

3. 확인하기!

위에서 말씀드린 대로 

http://{owner 이름}.github.io/

다음 url로 들어가서도 확인이 가능합니다.

만약 다음의 url로 확인이 되지 않으신다면

settings 로 들어가시면

다음과 같이 published 된 url을 확인 할 수 있으실 겁니다.

마무리

마지막으로 주의 할 점이 있다면 index.html 을 올리고 바로 적용이 안될 수도 있습니다.

저도 5분 정도 가량 딜레이가 있었는데 그걸 모르고 실수 한 줄 알고

무한히 반복하다가 많은 시간을 소요하였습니다.

참을성을 가지고 조금만 기다리고 확인해보시길 바랍니다 :)

다음에는 페이지를 꾸며보도록 하겠습니다.