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 목록에 만들어진 저장소가 있으나 없다고 치자. )
2) 아래에 repository name을 작성하고 생성하면 된다
여기서 주의할 점은 “Repository name”을 반드시 “[USERNAME].github.io”형태로 만들어야 한다는 점이다.
나 같은 경우는 username이 giraffeb이니까 “giraffeb.github.io”가 된다.
(정해진 룰이다 github말을 잘 듣도록 하자.)
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
라고 사이트에 적혀있는데,
저기서 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에 올려서 어떻게 적용되는지 알아보자.
사족
갈길이 멀다. 나는 대충 만들어 쓸 순 있어도 뭔가 작성하긴 어렵다.`:
'개인프로젝트 후기 > github pages만들기' 카테고리의 다른 글
jekyll로 포스팅을 해보자-04 (0) | 2016.08.10 |
---|---|
jekyll을 설치해보자 - 03 (0) | 2016.08.09 |
왜 github pages를 블로그로 사용하니? - 01 (0) | 2016.08.09 |