[Gitblog] 로컬에서 프리뷰하는 방법

로컬에서 Github Blog 관련 Repo. 관련 코드들을 수정하거나 새 포스트를 작성하고나면, 제대로 수정이 되었고 렌더링 됐는지 확인하기 위해서 Github에 실제로 push하기 전, 미리 프리뷰 해보는 과정이 필요할텐데요.

이를 위해서는 jekyll을 설치하고 실행하면 아주 편하게 확인이 가능합니다.

jekyll을 실행하기 위해서는 우선 Ruby terminal이 필요하고 여기서 설치 및 실행이 가능하기 때문에 한번 Ruby 설치부터 Jekyll 설치 및 실행까지의 과정을 알아봅시다.

Ruby 설치

저는 Gitblog 관련 코드 수정 및 포스트 작성 작업들은 윈도우 환경에서 하기 때문에, 다음은 윈도우에서 ruby 설치하는 방법입니다. 아래 사이트에서 installer를 다운로드해서 설치하면 될 것 같습니다.

ruby를 설치하고 나서 cmd에 ruby -v 명령어를 입력했을때, 다음과 같이 ruby의 version 정보가 뜨면 정상적으로 설치된 것 입니다.

ruby 설치가 성공적으로 됐으면, cd 명령어를 사용해 gitblog repo.가 있는 로컬 경로로 이동해줍니다.

그리고 gem install jekyll 을 입력해주면 알아서 jekyll 설치가 될 겁니다.

jekyll 설치가 성공적으로 되었다면 마지막으로 bundle exec jekyll serve 를 입력해줍시다.

그러면 다음과 같이 글들이 쭉 뜨면서 local로 접속할 수 있는 경로가 하나 뜰 겁니다. (빨간색 밑줄 친 부분!)

그 경로를 url로 입력하고 들어가면 로컬에서 작업한 변경사항들을 바로바로 확인할 수 있습니다! (한가지 참고할 점은 _config.yml 파일 수정사항을 확인하려면 실행중인 jekyll 서버를 껐다가 켜야 하더라구요.)