1-2. github.io 페이지 만들기 (Ruby, Jekyll 설치)

Github 블로그는 Github Page, Jekyll(지킬), Ruby(루비)가 필수이다.

 

 

1. Jekyll 테마 고르기

http://jekyllthemes.org/

Jekyll Themes

위 페이지에 들어가 마음에 드는 테마를 고른다.

 

 

 

 

http://jekyllthemes.org/themes/agency/

Agency

본인이 원하는 테마를 골라준다.

필자는 이 테마로 다운로드를 받았다. 

 

 

 

Jekyll이란?

지킬은 깃허브 설립자 중의 한 명이 Ruby 언어를 통해 개발한 프레임워크이다.

즉, HTML/Markdown등의 마크업 언어로 글을 작성하면 이것을 미리 정의해놓은 규칙에 따라 다양한 레이아웃으로 포장하여 정적 웹사이트를 만들어준다.

또한 정적 사이트 빌더이다.(Static Website Builder)(정적 웹 페이지 생성기)

 

 

 

 

 

 

2. Ruby 설치

 

Ruby란?

-  스크립트 언어의 일종이다. 

스크립트 언어란? 기존에 이미 존재하는 소프트웨어 (애플리케이션)을 제어하기 위한 용도로 쓰이는 언어.

스크립트 언어의 예 : JavaScript, Python

 

- 원시 자료형이 존재하지 않고 모든 것이 객체인 순수한 객체지향 언어이다.

 

 

 

https://rubyinstaller.org/downloads/

Downloads

 

Ruby + Devkit 3.2.2-1 (*86) 으로 다운받아야 한다. (2023년)

 

 

 

 

필자는.. 2.7.9-1 (*64)로 잘못 다운 받았더니 밑과 같은 오류가 계속 떴다.

여러 해결책을 써봤는데 위 오류는 해결될 기미가 보이지 않았고,,

결국 Ruby를 지웠다가 다시 설치했다.

 

(하루가...후딱 가버림)

- ruby 업데이트도 해보고 (gem update --system)

- jekyll 업데이트도 해보고 (gem update jekyll)

- Sass 컴파일러 버전 확인도 해보고 (gem update sass)

- Sass 지웠다가 다시 깔아도 보고 (gem uninstall sass, gem install sass)

- 모든걸(?) 지웠다가 재설치도 해봤지만 말짱도루묵

(gem uninstall sass
gem uninstall sass-embedded
gem uninstall jekyll-sass-converter
gem uninstall jekyll
gem install sass
gem install jekyll-sass-converter
gem install jekyll)

 

 

 

 

 

 

 

버전 확인을 잘하고 루비를 다운받아준다.

(10 - 20분 걸린다)

 

 

 

 

 

 

 

 

윈도우에 ruby를 검색한 후 Start Command Prompt with Ruby를 실행시켜준다.

 

 

 

 

 

cd C:\Users\4ckdn\OneDrive\문서\GitHub\haeburney.github.io

본인의 git Clone 경로(폴더)로 이동한다.

(윈도우에서 GitHub검색해서 뜬 폴더로 나의 github.io 폴더를 찾아냈다.

 

 

 

 

 

이동한 뒤, 인코딩을 한다.

chcp 65001

 

명령어 입력 후 Active code page:650001 이라는 글자가 확인된다면 정상이다.

 

 

 

 

3. Jekyll 설치

gem install jekyll bundler
gem install webrick

gem install jekyll bundler 명령어 입력하고 이런 화면이 보인다면 성공

다 설치하는데 3~5분이 걸렸다.

 

 

gem install webrick 명령어를 입력하고 이런 화면이 보인다면 성공이 명령어는 5~10초만에? 설치가 완료된다.

 

 

 

 

 

jekyll 생성

jekyll new ./
-- 첫번째 문장이 안 된다면 세번째 문장을 실행해보자 ( 현이 언니가 알려줌 헿 ♡) 
jekyll new ./ -f

 

설치 성공 

 

 

 

 

 

 

bundle 설치

bundle install

 

 

 

 

 

jekyll 서버 동작

bundle exec jekyll serve
bundle exec jekyll serve --trace

-- 1번 문장이 안 된다면 2번 문장을 써보자.

 

 

 

 

http://127.0.0.1:4000/# 

주소로 들어갔을 때 밑과 같이 보이면 연동 성공이다! 

 

 

 

여기까지 됐으면 한 번 소리를 질러줍니다

꺄하~~~~~~

다음 게시물은 jekyll 테마를 적용해보는 방법에 대해서 포스팅해보겟습니다