서론
이전 포스팅에서 GitHub 블로그를 처음 세팅하는 방법에 대해서 다뤘는데요. 이제 보다 본격적(?)으로 그럴싸한 웹사이트로 만들고 싶어졌습니다. 그러기 위해서 Jekyll을 설치하여 GitHub 블로그에 적용하는 방법에 대해서 포스팅하겠습니다.
>> 이전 포스팅 링크
GitHub 블로그를 만들어보자 (1)
블로그를 시작하려는 사람들의 첫번째 고민은 어떤 블로그를 이용할지 입니다. 기본적으로 네이버 블로그, 티스토리 등이 대표적이겠지만 GitHub 블로그도 존재합니다. 비개발자가 만들기에는 조금 복잡할 수 있습니다. 하지만 네이버 블로그, 티스토리 등 한계가 있는 것에 비해 좀 더 자유롭게 꾸밀 수 있는 장점이 있습니다.
https://joel-helloworld.tistory.com/22
1. Ruby 설치
💡
jekyll 설치하기 앞서서 Ruby를 설치해야합니다. 다음 URL에 가서
⇒ 표시되어 있는 최신 버전을 설치합니다.💡
설치는 기본 옵션 그대로 진행하면됩니다. 마지막 단계에서
ridk install은 꼭 체크된 상태로 진행하세요.Downloads
If you don't know what version to install and you're getting started with Ruby, we recommend that you use the Ruby+Devkit 3.1.X (x64) installer. It provides the biggest number of compatible gems and installs the MSYS2 Devkit alongside Ruby, so gems with C-extensions can be compiled immediately.
https://rubyinstaller.org/downloads/
cd 설치경로 ex) cd D:\Projects\zonothing.github.io
chcp 65001💡
이후 터미널/CMD 창에서 설치 경로로 이동한 뒤,
chcp 65001을 입력해주세요. Active code page: 650001 문구가 출력되면 정상입니다.
2. jekyll 설치
gem install jekyll bundler
gem install webrick💡
이제 Jekyll을 설치해줍니다. 2개의 명령어를 순서대로 입력해주세요.
jekyll new ./💡
이제 Jekyll을 생성합니다. 설치 경로에 있던 index.html을 지운 뒤 위의 명령어를 입력하세요.
⚠️
이때 Conflict: 에러가 발생한 경우 뒤에
-f 또는 --force를 추가로 입력해주세요.
ex) jekyll new ./ -f
bundle install💡
이후 위의 명령어를 입력해서 Bundle을 설치해줍니다.
bundle exec jekyll serve💡
이후 위의 명령어를 입력해서 jekyll 서버 동작을 합니다.
⚠️
오류가 발생한다면 뒤에 --trace를 추가해서 입력해주세요.
ex)
bundle exec jekyll serve --trace⚠️
이후에 `require': cannot load such file -- webrick (LoadError) 오류가 발생한다면,
bundle add webrick 명령어를 입력한 뒤 다시 위의 명령어를 입력해주세요.💡
정상적으로 실행되었다면
http://127.0.0.1:4000/ 또는 http://localhost:4000/ 로 접속이 가능합니다.
git add .
git commit -m "set jekyll theme"
git push💡
이제 원격에 Push해줄 차례입니다. 위의 명령어를 입력해서 원격에 Push해줍니다.
💡
본인이 설정했던 블로그 URL을 다시 입력해보면, 짠! 전 보다 그럴싸한 웹사이트가 뜹니다.
💡
다음 포스팅에서는 본격적으로 Jekyll 테마를 적용하는 방법에 대해서 포스팅하겠습니다.
Uploaded by N2T