VSCode 에서 Minimal-Mistakes 빌드하기

최대 1 분 소요

vscode Minimal-Mistakes 빌드해보기

Ruby 설치

Ruby 설치 확인

$ ruby -v
# colson@colson:~$ ruby -v
# ruby 2.7.0p0 (2019-12-25 revision 647ee6f091) [x86_64-linux-gnu]

설치는 되어 있지만, jekyll를 설치할 때 에러가 발생 할 수 있니 아래와 같이 full 로 설치를 진행하자.

Ruby 설치

$ sudo apt-get install ruby-full

Jekyll 설치

$ sudo gem install jekyll

jeky-install-done

로컬 서버 실행하기

자신의 레포 ${Github ID}.github.io root 위치에서

$ sudo gem install bundler

그리고 서버 실행을 시켜보자

$ bundle exec jekyll serve

그런데, 이런 오류가? serve-run-error jekyll-paginate 가 없다고 한다. 설치해주자

$ sudo gem install jekyll-paginate

내 컴퓨터의 경우에는 이외에도 jekyll-sitemap, jekyll-gist, jekyll-feed, jekyll-paginate, jekyll-include-cache를 더 설치해줬다. 다시 서버를 실행시켜보면

$ bundle exec jekyll serve

image-center 잘 되는규냐~

만약 `require’: cannot load such file – webrick (LoadError) 요론 에러가 추가로 뜬다면 번들에 다음을 추가해주자

$ bundle add webrick

이제 로컬 서버에서 블로그에 올리기 전 확인이 가능하다. image-center

마지막으로 vscode에서 빌드한 페이지를 보려면 아래 extension을 사용하자!

image-center

참고한 사이트

https://www.ruby-lang.org/ko/documentation/installation/ https://glorial83.github.io/blog/Minimal-mistakes/ https://velog.io/@eona1301/Github-Blog-Jekyll-minimal-mistakes