본문 바로가기
개인프로젝트 후기/github pages만들기

GITHUB PAGES에 저장소를 만들어보자- 02

by GiraffeB 2016. 8. 9.
GitHub Pages 설정하기.

GitHub Pages 설정하기.

GitHub Pages가이드
위의 공식 가이드 문서를 따라가면서 주석을 붙이는 정도로 진행하겠다.

1. GitHub Pagees생성 방식

GitHub Pages는 2가지 방식을 선택해서 만들 수 있는데,

  • User or organization site : GitHub계정당 하나의 사이트를 생성하는 방식.
  • Project site : 계정의 하위 프로젝트마다 생성하는 방식
    으로 나누어 진다.

나는 간단하게 하나의 계정을 블로그 용도로만 쓸 생각이므로 첫번째 방식 “User or orgazation stie”를 선택했다.

2. Create a repository

GitHub사이트에서 계정을 만들고 나면 repository를 생성할 수 있다. (소스코드를 올리는 온라인 상의 공간이다.)

1) 아래와 같은 로그인 화면에서 “Start a project”를 선택하자
(난 이미 your repositories 목록에 만들어진 저장소가 있으나 없다고 치자. )

01

2) 아래에 repository name을 작성하고 생성하면 된다
여기서 주의할 점은 “Repository name”을 반드시 “[USERNAME].github.io”형태로 만들어야 한다는 점이다.
나 같은 경우는 username이 giraffeb이니까 “giraffeb.github.io”가 된다.
(정해진 룰이다 github말을 잘 듣도록 하자.)

02

3. What git client are you using?

git클라이언트로 뭐를 쓰냐는 건데, 나는 기본적인 터미널을 사용하므로, 그걸 기준으로 하겠다.
git download 링크
위의 링크로 가서 각 운영체제에 맞게 받아서 설치하기 바란다. 나는 윈도우 버전으로 인스톨을 완료했다.
그리고 나서 설치된 git bash를 실행하면된다
(물론 git bash는 리눅스 터미널에서 쓰던 명령어를 간단하게는 쓸 줄 알아야 한다. )

4. Clone the Repository

~ $ git clone https://github.com/username/username.github.io

라고 사이트에 적혀있는데,

03

저기서 Quick setup에 적혀있는 주소를 복사해서
git clone [주소] 이런식으로 써주면 된다.
내 경우에는

~ $ git clone https://github.com/giraffeb/giraffeb.github.io

가 맞는 형태가 되겠다.

5. Hello World

4번을 수행했다면 [USERNAME].github.io라는 이름의 디렉토리가 생성됐을 거다.

아래 방식대로 따라하자

~ $ cd username.github.io  
~ $ echo "Hello World" > index.html

해당 디렉토리로 이동해서 “Hello World”라는 텍스트 정보를 가진 index.html파일이 만들어진다.

5. Push it

이제 github저장소에 파일을 업로드하자

~ $ git add --all  
~ $ git commi -m "Initial commit"
~ $ git push -u origin master

자세한 git사용 법은 따로 공부해야한다. 파이팅.

6. …and you’re done!

요렇게 했다면 저장소에 파일이 업로드 되었고, 우리 주소로 가서 확인해보자.
나의 경우는 https://giraffeb.github.io 가 되겠다.

마무리

간단하게 GitHub Pages를 설정해봤다.

요약해보면,(User or organization site방식의 github pages생성시
1) GiHub 계정을 생성한다.
2) GitHub계정에 새로운 repository를 만든다. 이때, repository이름은 [USERNAME].github.io로 해야한다는 점을 잊지말자.
3) git terminal을 설치하자
4) git clone https://github.com/[]USERNAME]/[USERNAME].github.io 처럼 저장소의 주소를 clone해보자
5) clone으로 만들어진 폴더로 가서 index.html 파일을 만든다
6) 명령어를 사용해서 github repository에 올린다.
7) https://[USERNAME].github.io 로 가서 Hello world가 뜨는지 확인해보자.

다음에는 Jekyll을 사용법을 보고, 다시 GitHub에 올려서 어떻게 적용되는지 알아보자.

사족

갈길이 멀다. 나는 대충 만들어 쓸 순 있어도 뭔가 작성하긴 어렵다.`: