Jekyll로 무료 GitHub 블로그와 호스팅 만들기

GitHub 계정만으로 username.github.io 무료 운영하기

요즘은 많은 개발자가 사용자명으로 GitHub 블로그를 운영합니다. 무료에다가 빠르고, 커스터마이즈도 자유로운 게 장점이죠. Jekyll과 GitHub 계정만 있으면 전문 지식 없이도 자기 도메인의 블로그를 바로 띄울 수 있습니다.

Git Bash 설치

설치 전에 GitHub 계정, Ruby, Node.js, Git Bash(저는 Windows 사용자라 Git Bash를 설치했습니다)가 준비되어 있는지 확인합니다. Git Bash는 여기에서 받을 수 있습니다.

새 저장소 만들기

GitHub 계정에 사용자명을 따른 새 저장소를 만듭니다 — 예: username.github.io. 제 GitHub 사용자명은 spemer이므로 아래처럼 저장소를 만들었습니다.

로컬에 클론

Git Bash로 저장소를 로컬에 클론합니다. 아래는 제 예시입니다.

Git Bash에서 로컬 디렉터리에 들어간 뒤 저장소를 로컬 디렉터리에 설정합니다. GitHub에서 새 저장소를 만들면 다음과 같은 화면이 보입니다.

HTTPS URL을 복사해 Git Bash에 붙여 넣습니다.

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

ls로 디렉터리를 확인할 수 있습니다.

Jekyll 설치

username.github.io 디렉터리에 들어가 다음 명령들을 실행합니다.

$ gem install jekyll $ gem install jekyll bundler $ jekyll new {username.github.io} $ cd {username.github.io} ~/username.github.io $ bundle exec jekyll serve

위와 같다면 http://localhost:4000/에서 블로그를 미리 볼 수 있습니다.

서버를 종료하려면 Git Bash에서 Ctrl + C를 누릅니다.

첫 커밋

이제 GitHub 블로그를 미리 볼 수 있습니다. 로컬 디렉터리의 파일을 GitHub 저장소로 커밋·푸시해 게시합니다.

$ git add . $ git commit -m "Your commit message" $ git push

GitHub 저장소에서 첫 커밋을 확인합니다.

도메인 확인

커밋이 성공했다면 username.github.io로 접속해 블로그를 확인합니다.

커스터마이즈

블로그는 마크다운으로 커스터마이즈할 수 있습니다. 전반 설정은 _config.yml에서, 페이지는 about.md 같은 파일에서 직접 수정합니다. 자세한 문서는 여기, 멋진 테마는 http://jekyllthemes.org/에서 찾을 수 있습니다.

읽어주셔서 감사합니다. 연락은 LinkedIn이나 ghsspower@gmail.com으로 부탁드립니다.