[MAC 개발 환경설정] github.io 깃허브 블로그 3탄. Jekyll clone 테마 적용

2탄에서 적용한 테마가 마음에 안들어서 새로 테마를 골랐습니다.

사실 바로 깃 클론해서 사용하실 분이면, 1탄만 봐도 충분합니다.

1탄 보러가기

[MAC 개발 환경설정] github.io 깃허브 블로그 1탄. Ruby 설치

2탄 보러가기

 

 

Jekyll Git Clone(Fork) 해서 테마 적용하기

먼저 선택한 테마를 fork 해줍니다.

 

 

원래의 github.io 폴더의 터미널을 열고 아래와 같이 입력해줍니다. 이때 github는 본인이 fork 해온 것의 경로, cd 이후는 본인이 넣고 싶은 폴더 경로로 설정해줍니다.

git clone https://github.com/seoyeonDev/phantom.git your-dir-name && cd your-dir-name

git clone https://github.com/seoyeonDev/phantom.git && cd /Users/iseoyeon/Desktop/Coding/Github_Blog/seoyeonDev.github.io

 

그리고 아래 코드를 순서대로 입력한다.

gem install bundler
bundle install
bundle exec jekyll serve

 

 

 

Dependency Error 이 발생하면...

gem "kramdown-parser-gfm"

터미널에 위 코드를 입력하고,

Gemfile 에 아래 코드를 입력한다.

# frozen_string_literal: true
gem "kramdown-parser-gfm"
source "https://rubygems.org"
gemspec

 

 

 

bundler: failed to load command: jekyll 이 발생하면 ...

아래의 오류가 발생한다면 webrick를 add 후에 실행하면 해결된다.

bundle add webrick

 

 

 

 

오류 해결 후에 jekyll 를 실행하면 아래와 같은 결과를 얻을 수 있다.

bundle exec jekyll serve

 

이제 이걸 github.io 에 올리거나 이 repository 자체를 github.io로 사용하면 된다. 난 이미 생성된 github.io repository 가 있기 때문에 github.io에 올릴것이다.

 

git에 올리는 건 VSCode의 git upload를 사용했다.

관련 내용은 아래 포스팅 참고

https://skylarcoding.tistory.com/123

VS Code (Visual Studio Code) 와 Git 연동하는 방법

 

 

 

 

검색 출처

https://github.com/jamigibbs/phantom

GitHub - jamigibbs/phantom: A minimalist, responsive portfolio theme for Jekyll with Bootstrap

https://stackoverflow.com/questions/69890412/bundler-failed-to-load-command-jekyll

bundler: failed to load command: jekyll