jekyll 테마 적용시킨 Github 블로그 로컬에서 변경사항 확인하기

github 블로그를 제작할 때 push를 통해서만 확인하는게 아니라 로컬에서도 확인할 수 있는 방법이 있는데 매번 구글링 하면서 헷갈려서 포스팅으로 정리해놓으려고 한다.

필자는 github 블로그를 현재 포트폴리오 용으로 사용하기 때문에 업데이트를 해줄 필요가 있었다.

 

하는 방법은 먼저

Ruby를 다운로드 한다.

 

https://rubyinstaller.org/downloads/

 

나는 제일 최신버전을 다운 받았다.

 

Ruby를 다운받은 후 cmd창을 켜서 jekyll 번들을 설치해준다.

gem install jekyll bundler

블로그를 clone 해서 가져온다.(생략)

 

그런다음 cmd 창에서 해당 repository까지 들어가준다.

나는 D에 repository를 넣어놔서 이렇게 들어갔다.

repository의 폴더 이름도 github랑 같게 했기때문에 저렇게 들어간 것이다.

다른 이름으로 생성했다면 해당 폴더로 들어가면 된다.

 

Could not find gem 'html-proofer (~> 3.15)' in locally installed gems

가 떠서 구글링 해보니 이러한 절차로 업데이트 하라고 해서 해봤다.

gem cleanup

bundle update

bundle install

이렇게 순서대로 치니까 뭔가가 엄청 다운되었지만

jekyll serve

로 다시 실행해보니 에러가 뜬다..

cannot load such file -- webrick (LoadError)

그래서 다시 찾아봤더니

bundle add webrick

으로 webrick을 추가해주라고 한다. (ruby 3.0.0부터 gem에서 기본으로 있던 webrick이 빠졌다고 함)

 

이렇게 했더니 제대로 작동된다.

그럼 이제

http://127.0.0.1:4000/

로 접속해서 로컬화면을 보면 된다.

 

내가 적용해놓은 jekyll 테마가 뜬다!

연결해놓은 블로그는 Ctrl+C를 통해서 끌 수 있다.

 

이제 편하게 로컬에서 확인할 수 있게 되었다😂

 

 

추가 사항

C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/bundler-2.3.17/lib/bundler/runtime.rb:309:in `check_for_activated_spec!': You have already activated i18n 1.10.0, but your Gemfile requires i18n 0.9.5. Prepending `bundle exec` to your command may solve this. (Gem::LoadError)

이런 에러가 뜨면

bundle exec jekyll serve

를 쳐주면 실행이 된다.