어제 깃허브 블로그를 만들었다.깃허브 블로그 만들기
일단 HelloWorld 를 띄웠고 이후에 바로 테마를 적용하려고 하였으나
이런저런 테마를 찾다가 "그래도 개발자가 될건데 이런건 한번 개척해봐야하지 않나?" 하는 생각이 들었다.
그래서 지금 당장은 허접해 보일지라도 내가 직접 만든 웹페이지를 만들자! 는 결심을 했다! 아니다싶으면 그냥 테마깔아야지 ㅋ

그래서 가장 먼저 할것은 바로 깃허브페이지를 지원하는 가장 기본 정적웹페이지 생성기인 jekyll을 설치하는 것이다.

깃허브 만든사람이 만든 사람이 만들었다고한다.

시작

0. 준비물(루비2.7이상으로 업그레이드하기)

1. 루비 버전 2.7이상(공식홈페이지는 2.4.0이라고 하는데 이게 2020년도 기준인거 같다.)
2. 루비젬
3. GCC, MAKE

각 준비물들은 아래 명령어들로 확인할 수 있다.

% ruby -v
% gem -v
% gcc -v
% g++ -v
% make -v

여기서 나는 맥북이라 기본으로 루비 2.6.10버전이 포함되어있었는데 공식홈페이지에서 2.4.0버전 이상이면 된다해서 그냥 했다가 에러를 맞이했다.

2.7이상버전의 루비를 필요로하는데 현재 루비버전이2.6.10이란다

그래서 루비를 업그레이드 해줬다.
업그레이드 방법은
1. 홈페이지에서 압출파일을 받을수도 있고
2. Hombrew 라는 패키지 관리 프로그램을 통해 업그레이드 해줄 수 있다.

나는 Homebrew를 통해 업그레이드 해줬다.

0-1. Homebrew설치

Homebrew공식 페이지에 들어가면 있는 설치 명령어를 복사해 실행시켜준다.

% /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

설치를 하고 버전확인을 해본다.

% brew -v

이렇게 실행되지 않으면 환경변수 설정을 해줘야한다.

% echo 'export PATH=/opt/homebrew/bin:$PATH' >> ~/.zshrc

~/.zshrc 의 마지막줄에 export PATH=/opt/homebrew/bin:$PATH'를 추가한다는 의미이다.

% source ~/.zshrc

변경사항 적용

이제 된다.

0-2. ruby3.1.4 설치

% brew install rbenv ruby-build

위 명령어를 통해 루비의 여러 버전을 설치할 수 있도록 도와줄 플러그인 인 rbenv ruby-build를 설치해준다.

잘 설치가 되었으면

% rbenv install -l

위 명령어를 통해 설치할 수 있는 ruby버전을 확인한다.

나는 너무 최신도 아니고 너무 오래된 것도 아닌 3.1.4 버전을 설치해줬다.
동시에 rbenv rehash 명령어로 환경변수에 해시되어있는 ruby의 gem 명령어가 새로 설치된 버전의 ruby의 gem명령어로 해시되도록 해준다.

% rbenv install 3.1.4 && rbenv rehash

위 사진의 마지막 줄에서

% rbenv global 3.1.4

위 명령어로 기본 ruby 버전을 3.1.4로 적용한다.

% ruby -v

로 확인해보면 아직 이전 버전(2.6.10)이다.

% vi ~/.zshrc

로 들어가서

export PATH="HOME/.rbenv/bin:$PATH"

eval "$(rbenv init -)"

이 두줄을 추가해주고

% source ~/.zshrc

로 변경사항 적용해준다.

다시 확인해보니 변했다.

---

1. jekyll 설치

% gem install jekyll bundler

위 명령어로 설치를 해준다.

이때 나는 중간에 권한문제 때문에 에러가 나서 sudo를 해버렸는데 이후 공식문서를 더 둘러보다보니 sudo 보다는

% gem install --user-install bundler jekyll

이렇게 시스템 경로가 아닌 사용자의 경로에 설치하는걸 추천하고있다.
하지만 이미 sudo로 설치했는 걸

---

2. jekyll로 정적 사이트 만들기

% bundle init

위 명령어로 프로젝트 의존요소 목록인 "gemfile"을 생성할 수 있고
그 gemfile에 명시된 의존 gem들을

% bundle install

을 통해 설치할 수 있다.

그래서 보통 gemfile을 해당 프로젝트의 루트 디렉토리에 위치시킨다고 한다.
그래서 나는

junodevv.github.io 디렉토리에 위치시켰다.

이후
정적 페이지 생성을 원하는 디렉토리에서

% jekyll build

를 실행하면 자동으로 _site 라는 디렉토리를 생성해주고
그 안에 index.html과 readme.md 파일을 만들어준다.
하지만 나는 이미 만들어 놨기 때문에 생략했다.

3. 웹페이지 열기

이제는 깃허브에 푸시하기전에 내 jekyll server? 를 통해 내 로컬에 만들어놓은 정적 웹페이지를 http://localhost:4000 혹은 http://127.0.0.1:4000 에서 확일할 수 있다.

(웹페이지를 구성한 디렉토리) % jekyll serve

이제는 정말 하나씩 만들어 가볼 차례!

끝

reference
루비 업데이트 참고 사이트
jekyll공식페이지, 전체적인 jekyll설치 및 디렉토리 빌드과정 참고