Clean Code hochulshin.com

Blog - Windows에서 Jekyll 이용해 Github 블로그 만들기(2)

2015-07-04

중요 알림

Jekyll을 이용해 Github 블로그를 구축한지 벌써 1년 6개월이 지났고, 그 만큼 많은 버전 변화가 있었습니다. 이에 아래 글의 내용 중 상당 부분은 현재 버전과 맞지 않는 부분이 있습니다. 그럼에도 불구하고 글을 삭제하지 않는 이유는 제가 예전 버전의 Jekyll과 Ruby를 아직도 사용하고 있기에 가끔 참고를 해야 하기 때문입니다. 최초로 설치하시는 분들은 되도록 아래 글을 참고 하지 말고 다른 글을 참고하시기 바랍니다.

Github에 블로그를 만들어 보자. 이를 위해 Windows에 jekyll 환경을 구축해 jekyll 테마를 적용하고, Github에 올려 블로그를 운영하는 방법을 정리해 본다. 이 글은 두번째 순서로 Github에 저장소를 만들고, 자신 PC에서 작업한 내용을 반영하는 방법을 설명한다.

첫번째 글: Windows에서 Jekyll 이용해 Github 블로그 만들기(1)

Overview

Github 블로그 저장소(Repository) 만들기

계정 만들기

Github에 접속해서 새로운 계정을 만든다. 이미 계정이 있다면 이 단계는 넘어가자.

Github에 블로그 저장소 만들기

Github에서 New Repository를 선택한다.

Repository 생성 페이지에서 repository 이름을 아래와 같이 정하고 Create repository를 선택한다.

자기아이디.github.io

자기아이디.github.io로 repository를 만들면 http://자기아이디.github.io라는 경로의 블로그가 생기게 된다. 블로그의 버전을 관리하는 Github 프로젝트 프로토콜은 이디이와 패스워드 만으로도 사용할 수 있는 https 프로토콜로 선택한다. 이 경우 경로는 다음과 같다.

https://github.com/자기아이디/자기아이디.github.io.git

Git 클라이언트 설치와 설정

git-scm 설치

git-scm은 Git 클라이언트들을 위한 기본 라이브러리를 제공한다. 다른 git 클라이언트 설치 이전에 기본으로 설치되어야 한다. git-scm 설치 파일을 다운로드해서 설치한다. 설치 중 PATH 설정 창에서 Use Git from the Windows Command Prompt를 선택하고 그 외는 default로 설치한다.

SourceTree 설치

SourceTree는 최고의 공짜 GUI Git 클라이언트이다. 이것으로 작업해 보자. SourceTree 설치 파일을 다운로드받아 설치한다. 참고로, .Net Framework이 설치되어 있지 않은 경우, 자동으로 .Net Framework을 설치한 후 설치가 진행된다.

SourceTree 기본 설정

SourceTree의 아이콘 메뉴에서 터미널을 선택하여 실행한다. 터미널 창에서 git config --global user.email "사용자 이메일"git config --global user.name "사용자 이름" 명령을 실행하여 계정에 대한 기본 정보를 입력한다.

git local repository 설정

PC의 블로그 폴더를 git local repository로 설정한다. SourceTree를 기준으로 설명한다.

  1. 메뉴에서 파일> 복제/생성 선택
  2. 저장소 설정 창이 뜨면 ‘새 저장소 생성’ 탭으로 이동
  3. 목적지 경로에서 블로그의 루트 폴더 선택
  4. 나머지는 모두 그대로 두고 생성하기를 선택
  5. 스테이지에 올라가지 않은 파일을 선택해서 모두 스테이지에 올라간 파일로 이동시킴 (만약 반영하고 싶지 않은 파일이 있다면 블로그 폴더의 .gitignore 파일에 추가해 놓는다)
  6. 메시지 커밋 창(화면 아래편)에 수정 내용을 기록한 후 커밋을 실행

remote repository 설정

SourceTree에서 Github repository를 git remote repository로 설정한다.

  1. 상단 우측의 설정을 선택
  2. 원격 탭에서 추가를 선택
  1. Github의 repository를 중심으로 버전관리하기 위해 디폴트 원격을 설정
  2. URL/경로에 github의 경로인 아래 경로를 입력

https://github.com/자기아이디/자기아이디.github.io.git

  1. 호스트 종류는 github로 선택하고, 사용자명과 패스워드를 입력하고 확인

github에 푸시

local repository(PC의 블로그 폴더)의 내용을 remote repository(github)에 반영하기 위해 푸시를 한다. SourceTree의 메뉴에서 푸시를 선택한다. **이때 반드시 github를 마스터로 잡아야 한다. **

성공적으로 완료되면 SourceTree에 local과 remote repository가 함께 표시된다.

확인

github repository의 업데이트 확인

github의 repository 내용을 확인해서 업데이트가 잘 되었는지 확인한다. 최근 푸시된 내용이 보여야 한다.

https://github.com/자기아이디/자기아이디.github.io.git

블로그 업데이트 확인

블로그의 내용이 업데이트 되는 것은 약간 (최대 수분) 걸린다. 최근 푸시된 내용이 반영되었는지 확인한다.

http://자기아이디.github.io

domain을 등록하여 github와 연결하기

domain을 등록하여 github와 연결하면 위의 url이 아니라 자신이 등록한 url로 접속할 수 있다.

http://hochulshin.com


Comments