jekyll로 github.io 블로그 만들기 - 4

https://dalpanglog.tistory.com/124

jekyll로 github.io 블로그 만들기 - 3

 

지난 시간에 지킬 뼈대를 잡아놓았다면, 이제 테마를 입힐 차례.

여러 사이트들이 있지만 나는 아래의 사이트에서 테마를 찾았다.

https://jekyll-themes.com/

Jekyll Themes

 

보통 테마 데모 사이트에 들어가면 어떤식으로 적용하는지 나와있고, 또한 지킬에서도 적용방법을 여러곳에서 알려주고있다.

나는 아래의 사이트에서 "Installing a gem-based theme"방식으로 테마적용을 했다.

https://jekyllrb.com/docs/themes/#installing-a-theme

Themes

 

일단 프로젝트 구조는 다음과 같으며, 여기서 우린 Gemfile, _config.yml 파일들에 테마 값을 수정해줄 예정이다.

프로젝트 구조

 

1. Gemfile의 gem "minima"로 설정되어 있던 값을 gem "원하는 테마 이름"으로 업데이트 해줬다.

 

2. 이제 터미널에서 bundle install 커맨드를 사용해 테마를 설치 해준다.

bundle install

 

3. 설치된 테마를 활성화 시키기 위해 _config.yml 파일에 테마 값을 설정해준다.

 

4.  번들을 업데이트해주고 빌드 해주자

bundle update #업데이트하기
bundle exec jekyll serve #빌드

 

여기서 잠깐!

bundle을 설치 하기 전까지 사용했던 gem을 기억하는가?
bundle이 설치 된 시점부터는 이제 gem 파일들을 bundle 커맨드를 이용해 관리하게 된다.
즉, Gemfile에 리스트 업한 gem (구성 라이브러리)를 설치하거나 실행할때 bundle 커맨드를 사용한다.

또한, 처음 "bundle exec jekyll serve"커맨드로 서버를 실행 시킨 후에는 "jekyll serve" 커맨드만으로 서버를 실행 시킬 수 있다.

그리고 만약 여러 Ruby 프로젝트가 있을경우 Gemfile에 명시된 각각의 라이브러리 버전이 다를 수 있는데, 만약 동일한 버전으로 실번들링 하고싶다면 "bundle exec pod --version"으로 실행하여 동일한 글로벌 버전으로 실행 시킬 수 있다. (참고사이트: https://tingyishih.medium.com/why-bundle-exec-whats-the-difference-ae7ba488a324)

로컬 실행된 주소로 들어가보면 테마가 바뀐것을 볼수 있다.

Before

After

 

여기서 잠깐?!
-> gemfile에 하나 이상의 여러 테마를 다운받을 수 있으며,
그중에 _config.yml 파일에서 설정된 사항이 우리 프로젝트의 테마로 활성화 된다!