Github Page나 Netlify에 Jekyll로 만든 페이지를 Deploy하기 전에 자신이 수정한 부분이 어떻게 반영되어 가는지 알기 위해서는 Jeklly를 로컬에 설치해야 한다.

따라서 이 글에선는 우분투에 Jekyll를 설치해 변경 사항을 바로바로 확인해 보겠다.

필요한 패키지 설치

sudo apt install ruby-full build-essential zlib1g-dev

sudo 없이 gem 쓰기 위해 gem 패키지가 생성될 폴더 만들기

mkdir .gems
# Install Ruby Gems to ~/gems
export GEM_HOME="$HOME/.gems"
export PATH="$HOME/.gems/bin:$PATH"

이렇게 따로 설정하지 않으면 Gem들을 설치할 때 권한 오류가 나 sudo를 사용해야 하는데 필자는 왠만하면 sudo 사용을 지양하는 편이라 따로 설정을 했다.

Jekyll과 Bundler 설치

gem install jekyll bundler

Theme에 따른 의존성 설치

bundle install

사용하는 Theme에 따라요구하는 패키지가 있기 때문에 꼭 bundle install을 통해 설치해 줘야 페이지가 정상적으로 작동한다.

Jekyll 실행하기

jekyll serve

jekyll serve를 실행하면 로컬에서 서버가 실행되고 localhost:4000으로 접속할 수 있습니다.
수정한 부분이 있다면 _config.yml를 제외한 나머지 파일들은 자동으로 수정 사항이 반영되기 때문에 다시 서버를 실행할 필요는 없으나, 브라우저상에서 수동으로 새로고침을 해야합니다.
만약 새로고침이 귀찮다면 jekyll serve --livereload를 사용하면 수동으로 새로고침할 필요 없이 수정 사항이 바로바로 반영됩니다.
또한 4000 포트를 사용할 수 없다면 뒤에 --port 포트번호 사용해 4000 포트가 아닌 다른 포트에서 서버를 실행할 수도 있습니다.

jekyll serve # 기본
jekyll serve --livereload # 자동 새로고침
jekyll serve --port 5000 # 수동으로 포트 지정