들어가며
나는 작업을 하다가 모르는게 있으면 당연히 구글링을 통해서 문제를 해결합니다. 구글링을 하면 다양한 개발 블로그에서 해답을 찾을 수 있는데, 블로그들을 보며 나도 개발 블로그로 다른사람에게 내가 아는것을 전달해줄 수 있다면 좋겠다는 생각이 들었습니다. 그래서 나도 한번 만들어보자 하는 생각에 블로그의 종류들을 살펴보았습니다. tistory, velog, notion 등등 다양한 종류들이 있었는데, 그중 github 블로그가 너무 멋있어 보였다. 처음 만드는게 다른 블로그보다 어렵다는 특징이 나에게는 매우 매력적으로 다가왔고, 추후 광고로 수익을 낼수도 있다고 해서 마음에 들었다.(광고를 붙일 생각은 없습니다.) 그래서 무턱대고 github 블로그 만들기를 도전하였고, 시험기간엔 뭐든 해보고 싶어진다 성공하여 이 글을 공유합니다.
저의 모든 글은 MacOs silicon을 기준으로 작성됩니다.
github repository 생성
github에 접속하여 자신의 깃허브 아이디.github.io 로 리포지토리 이름을 정하고 만든다. 캡처된 이미지에는 readme.md를 켜두지 않았지만, 확인용으로 readme.md를 켜두자. 만약 이미 다른 이름으로 이름을 지어 놓았다면 설정에서 추후에 바꿔주어야 한다.
생성을 하고 난 후에는 git clone으로 작업폴더를 만들어 둔다.
git clone 하기
깃을 설치하고 IDE의 터미널이나 cmd를 통해서 clone을 해와도 좋지만, github_desktop을 이용하여 git clone을 해오는것도 좋은 방법이다. 터미널이나 cmd는 하나하나 명령어를 다 쳐줘야하는데, github_desktop은 별도의 명령어 없이 버튼 몇번 딸깍딸깍하면 푸시가 되니 너무 좋았다.
cmd로 git clone
1
$ cd '자신이 작업할 폴더 주소'
먼저 자신이 블로그를 작업할때 쓸 폴더를 미리 만들어두고, cmd에 그 위치를 정해둔다.
1
$ git clone '자신의 repository 주소'
그런다음 git clone으로 자신의 파일을 가져온다. readme.md파일이 날아왔다면 성공.
github desktop으로 git clone
설치와 로그인을 마치고, 자신이 만들어뒀던 repository를 선택하고, 밑에 파란 버튼으로 repository파일을 clone해준다. 이후 이 폴더에서 생기는 변경점들은 github desktop에서 모두 확인이 가능하다.
ruby 설치하기
이후 cmd에서 rbenv라는 ruby 버전 관리 툴을 설치한다.
1
2
$ brew update
$ brew install rbenv
그리고 rbenv를 통해 github pages버전에 맞게 2.7.4 ruby를 설치해준다.
1
2
3
$ rbenv install 2.7.4
$ rbenv rehash
$ rbenv global 2.7.4
이후 ruby가 정상적으로 설치되었는지 ruby -v를 통해 확인해본다.
ruby 환경설정
1
$ vi ~/.zshrc
터미널에 해당 명령어를 입력하면 vim 편집기로 이동하게 된다. i를 눌러 insert 모드에 들어가고
1
2
export PATH={$Home}/.rbenv/bin:$PATH && \
eval "$(rbenv init -)"
해당 명령어를 붙여넣기 한뒤 esc를 눌러 편집 모드를 나가고 :wq를 입력하여 vim 편집기를 나가준다.
jekyll 설치하기
여기까지 잘 따라왔다면, 마지막 작업으로는 jekyll설치만이 남아있다.
1
$ gem install jekyll
jekyll 설치 후 jekyll -v로 정상적으로 설치되었는지 확인한다.
jekyll 테마 적용하고 업로드하기
github에서 clone 해왔던 폴더에 jekyll 테마를 적용할것이다.
나는 우선 가장 예쁘다고 느껴졌던 chirpy테마를 설치하여 붙여넣기 하였다. 
chirpy 주소에 접속하여 zip 파일을 다운로드하고
이처럼 clone해왔던 폴더에 싹다 붙여넣기 하였다.
마지막으로 로컬 블로그 파일을 실행해서 잘 작동하는지 테스트 해본다.
1
$ cd `자신의 블로그 로컬 폴더의 주소`
위 명령어를 통해서 cmd에 폴더 위치를 지정해놓고,
1
2
$ bundle install
$ bundle exec jekyll serve
명령어를 입력하여 잘 작동하는지 확인한다.
성공적인 결과물.
포스팅이 너무 길어지는 것 같아, github 업로드는 다음 포스팅에서 진행하겠습니다.
읽어주셔서 감사합니다.