개발(Web)/VCS

[Git/GitHub] Jekyll 기반의 GitHub Page 생성(1) - 환경설정

shinyelee 2021. 2. 28. 13:19

Ⅰ. Ruby 설치

 

Downloads

Which version to download? If you don’t know what version to install and you’re getting started with Ruby, we recommend that you use the Ruby+Devkit 2.7.X (x64) installer. It provides the biggest number of compatible gems and installs the MSYS2 Devkit

rubyinstaller.org

공홈에선 2.7.2-1 버전을 권장하지만 나는 2.6.6-2 버전을 다운로드 할거다.
내가 듣는 유튜브 강의에선 2.6.6-1 버전을 쓰기 때문에 최대한 맞춰보려 한다.
생각보다 오래 걸린다.
accept, Next
Install
Next
기다리면 된다.
Finish를 클릭하면
이런 창이 뜨는데
1을 입력 후 엔터를 치고 기다리면 알아서 뭐가 막 설치된다.
이 화면이 뜨면 루비 설치를 완료한 것이니 엔터를 쳐 터미널을 닫으면 된다.


Ⅱ. bundler 설치

cmd창 열고 gem install bundler 입력 후 엔터.
설치 끝. 창 닫아도 된다.


Ⅲ. Jasper2 (Jekyll Themes) 설치

 

Jasper2

Welcome to Jasper2 Full-featured Jekyll port of Ghost’s default theme Casper v2 Created by Fábio Madeira (Twitter) Features Out of the box support for multiple authors (via _data/authors.yml) Full author information including: picture, bio, website, twi

jekyllthemes.org

Download
압축을 풀어준다.
C:/blogmaker에 jasper2-master 내 전체 파일 복붙.


Ⅳ. gem 설치

터미널 열고 아래 명령어 입력.

cd ..
cd ..
cd blogmaker
bundle install

기다리다보면 설치 끝.
bundle exec jekyll serve
ctl+c를 누르면 웹서버가 중지된다.
y를 두 번 눌러 끝냄.
드래그 후 마우스 오른쪽 버튼을 클릭하면 복사된다.
Gemfile 메모장으로 열어서
gem 'wdm', '>= 0.1.0' 복붙 후 저장하고
재실행.
재설치.
이번엔 빨리 끝남.
재실행.
해당 경로에 들어가면
블로그 파일이 생긴 걸 확인할 수 있다.
http://127.0.0.1:4000/jasper2/ 복사
브라우저 주소창에 붙여넣으면 블로그가 뜬다.

 

출처 : 

 

Jekyll 기반의 GitHub Page 생성(1) - 환경설정

Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트

moon9342.github.io

반응형