[Ruby] jekyll 설치하고 샘플 블로그 띄워보기

ㅁ 들어가며

ㅇ github에 블러그를 생성하는 과정에서 jeykll가 필요하였다. jekyll란 무엇인지 설명하고, 맥에 설치과정을 정리하였다.

 

ㅁ Jekyll란?

 Jekyll은 정적 사이트 생성기이다.  Jekyll가 마크다운 파일을 해석하여 정적 웹사이트를 생성한다. 고유 업션을 통해 사이트 URL 의 형식이나 어떤 데이터를 사이트에 표시할 것인지 등, 여러 동작을 조정할 수 있다.

 

ㅁ Jekyll 설치 준비작업 - 루비 개발환경 설치

ㅇ 참고 페이지: 맥OS 에 Jekyll 설치

 

ㅇ Ruby 설치확인

# 버젼 확인
$ ruby -v
ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.x86_64-darwin22]

 ㄴ Jekyll은 루비 > 2.4.0 버전 필요.

 ㄴ 맥OS 카탈리나 10.15 이상은 ruby 2.6.3 이 기본 포함되어 있다.

 

ㅁ Jekyll설치

$ gem install --user-install bundler jekyll
Ignoring eventmachine-1.2.7 because its extensions are not built. Try: gem pristine eventmachine --version 1.2.7
Ignoring ffi-1.15.5 because its extensions are not built. Try: gem pristine ffi --version 1.15.5
Ignoring ffi-1.14.2 because its extensions are not built. Try: gem pristine ffi --version 1.14.2
Ignoring http_parser.rb-0.8.0 because its extensions are not built. Try: gem pristine http_parser.rb --version 0.8.0
Fetching bundler-2.4.22.gem
Successfully installed bundler-2.4.22
Parsing documentation for bundler-2.4.22
Installing ri documentation for bundler-2.4.22
Done installing documentation for bundler after 0 seconds
Fetching jekyll-4.3.3.gem
Fetching rouge-3.30.0.gem
Successfully installed rouge-3.30.0
Successfully installed jekyll-4.3.3
Parsing documentation for rouge-3.30.0
Installing ri documentation for rouge-3.30.0
Parsing documentation for jekyll-4.3.3
Installing ri documentation for jekyll-4.3.3
Done installing documentation for rouge, jekyll after 4 seconds
3 gems installed

 

ㅇ Ruby Path 설정

# 경로 설정
$ vi ~/.zshrc
.......
# ruby path setting
export PATH=/Users/peterseo/.local/share/gem/ruby/2.6.0/bin:$PATH
.......

# 설정 확인
$ gem env
.......
  - GEM PATHS:
     - /Library/Ruby/Gems/2.6.0
     - /Users/peterseo/.local/share/gem/ruby/2.6.0 <==== home 경로 확인
     - /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/gems/2.6.0
.......

 

 

ㅁ 샘플 블러그  생성

 ㅇ Jekyll 설치 후 빠른 실행을 수행하였다.

 

 

# jekyll install
$ gem install bundler jekyll
Successfully installed bundler-2.5.5
Parsing documentation for bundler-2.5.5
Done installing documentation for bundler after 0 seconds
Successfully installed jekyll-4.3.3
Parsing documentation for jekyll-4.3.3
Done installing documentation for jekyll after 0 seconds
2 gems installed

# sample-web 생성
$ jekyll new sample-web
$ sample-web

# jekyll 실행
$ bundle exec jekyll serve
...........
Run in verbose mode to see all warnings.
                    done in 0.359 seconds.
 Auto-regeneration: enabled for '/Users/peterseo/study/sample-web'
    Server address: http://127.0.0.1:4000/
  Server running... press ctrl-c to stop.

 

 ㅇ 크롬에서 접속 시 신규 웹서버가 실행되었다.

 

ㅁ 함께 보면 좋은 사이트

ㅇ Jeklyll 홈페이지