2-1. Github에서 새로운 Repository 생성

다음과 같이 Repository name 은 username.github.io로 설정한다. username은 본인의 Github username을 의미한다.


초록색 < > Code 버튼을 클릭해서 Local로 Clone할 때 필요한 HTTPS 주소를 Copy 하자!

(필자의 Repository는 무언가로 가득 차 있지만, 현재 단계로서는 방금 만들었기 때문에 비어있거나 README 파일 정도 들어가 있으면 성공!)


Github 블로그를 관리할 폴더를 하나 만든 후, 다음과 같은 git clone 명령어를 실행하여 위의 Repository를 해당 폴더(로컬 환경)로 clone 해 온다.

필자는 /User/skykim 안에 Github라는 폴더를 생성했기 때문에, 다음과 같은 cd 명령어로 해당 폴더로 이동한다.

$ cd Github

해당 폴더로 이동한 상태에서, 다음과 같은 git clone 명령어를 실행하자.

$ git clone https://github.com/astonkim/astonkim.github.io.git

성공적으로 Clone 되었다면, cd 명령어로 클론된 github.io 폴더로 들어가자.

$ cd astonkim.github.io


2-2. 마음에 드는 Jekyll 테마 선택 후, 다운로드

필자가 선택한 Jekyll 테마는 YAT!

👉 https://jekyll-themes.com/jeffreytse/jekyll-theme-yat

👉 https://github.com/jeffreytse/jekyll-theme-yat?ref=jekyll-themes.com

테마는 아래의 사이트들에서 무료 및 유료 테마를 보고 다운로드할 수 있다.


선택한 테마의 Github에서 초록색 < > Code 버튼 클릭 후, 가장 하단의 Download ZIP을 클릭하여 .zip파일을 다운로드하자.


다운로드된 파일의 압축을 풀고, 폴더 안의 내용물을 전부 복사해서 Clone 했던 내 github.io 블로그 Repository 폴더  깃허브아이디.github.io 위치에 전부 붙여넣기한다.


🚨 Warning: 내용물 복사 시, 주의사항!

  • 압축을 푼 폴더 자체를 복사 붙여넣기 하는 것이 아닌, 폴더 안의 테마 내용물들만 전부 복사하여 붙여넣어야 한다.


2-3. Github Pages Server와 연결하기

아까 cd 명령어로 astonkim.github.io 폴더 안으로 들어가있던 Terminal을 다시 띄우고, 다음 명령어를 차례대로 실행하자.

git add -> git commit -> git push

아래의 git add . 명령어는 git에서 commit을 하기 위해 stage에 추가하는 명령어 중 하나로, 특정 파일 한 개가 아닌, . 은 전체 파일을 전부 추가하라는 명령어이다.

$ git add .


📙 NOTE: 특정 파일 한 개만 git add 하는 명령어

아래의 명령어는 hello_world라는 text 파일 하나만 add 해주는 명령어이다.

$ git add hello_world.txt

아래의 명령어는 git 상태를 보기 위한 상태 메세지 명령어이다.

$ git status


아래의 git commit -m '커밋메시지' 명령어는 git에서 현재 버전에 대한 내용과 함께 commit하는 명령어이다.

$ git commit -m 'Add YAT theme files'


📙 NOTE: commit 메세지 작성 Rules

commit 메시지는 현재 버전에 대한 내용을 명확하게 작성해야하며, 어느정도 사람들끼리 정해놓은 메세지 작성법이 있다.

👉 https://meetup.toast.com/posts/106


아래의 git push 명령어는 git에 현재 폴더를 그대로 업로드 하는 것이 아니라, 지금까지의 이력/버전(commit)을 push 하는 것!

working directory, staging area의 변경 사항들은 원격저장소로 push 되지 않기 때문에 push 전에 git status , git log 를 통해서 확인하는 습관을 가져야한다.

$ git push


드디어 https://깃허브아이디.github.io 에 접속하면, 테마가 적용된 본인의 블로그를 확인 할 수 있게 된다.