Github 블로그 (깃블로그) 만들기

Windows환경에서 깃블로그 만들고 jekyll 테마 적용까지

개발블로그를 해야지 해야지 하다가 드디어! 만들었다. 😆 올해는 좀 다르게 살아보자는 마음에 이것저것 시도중

이미 많은 분들이 포스팅을 아주 쉽게 잘 해주셔서 만드는건 생각보다 금방 만들 수 있었다.

개인적으로 아래 포스트를 주로 참고했다.

솔직히 테마 고르는 데 시간이 젤 많이 걸린듯..ㅎㅎ 지금 쓰는 테마는 ejjoo님의 mono 테마에서 색이나 폰트 조금 수정했당.

이것저것 수정하고 싶은데 아직 어렵다… 구조가 어떻게 되어있는건지도 아직 잘 모르겠구~~

그래서 블로그하면서 천천히 하나씩 알아갈 예정이다

깃 블로그 만드는 법

내가 알아본 간단하게 깃블로그 만드는 데는 2가지 방식이 있었다.

  1. 원하는 테마 깃헙 페이지에서 페이지를 fork해와서 수정하기
  2. 본인 깃헙에 레포 만든 뒤, 테마를 다운받아서 넣기

나는 노마드 코더 과제를 하면서 github.io형식으로 배포했던 폴더가 있었어서 2번 방식으로 했다.


📍닉네임.github.io repository 만들기

우선, 본인 깃허브 계정에 닉네임.github.io 형식으로 된 repository가 있어야 한다.

image


그 다음엔 해당 깃헙을 로컬에 클론한다.

✔️ 깃헙 레포지토리 로컬에 클론하는 방법

  1. github repository에서 copy 클릭 후 clone 코드 복사

    image

  2. gitbash창에서 git clone 입력 후 shift+insert로 복사한 주소 붙여넣기

    image


📍jekyll 테마 고르고 적용하기

그 다음 마음에 드는 jekyll 테마를 고르고, 로컬에 있는 /닉네임.github.io 폴더에 다운받은 파일을 넣으면 된다!

  1. jekyll 테마 고르는 사이트는 여러개인데 나는 두번째 http://jekyllthemes.org/ 에서 다운받았다. (전부 다 들어가서 구경하긴 함ㅎㅎ)

  2. 맘에 드는 테마를 골랐다면 다운로드 눌러서 압축파일을 받아서 압축 해제 후 로컬에 다운받은 닉네임.github.io 폴더에 넣으면 된다.

    image image

    • Homepage를 클릭하면 깃헙페이지가 나오는데 여기서 클론하거나 fork해서 써도 된다!


그 다음 인터넷에서 본대로 아래와 같이 치면 될 줄 알았는데

$ gem install bundler
$ bundle install

git bash가 bash: gem: command not found라면서 실행이 안된다😥 image

찾아보니 jekyll을 사용하려면 루비를 설치해야 한다고 한다..!


📍 Ruby 다운로드 (window)

  1. 루비 다운로드 사이트에 들어가서 Window Ruby+Devkit를 설치해줬다.

    • 2022년 4월 19일 배포된 제일 최신버전으로 받았다

      image

    • 그다음 암것도 안건드리고 next 누르면서 설치

      image image

    • finish 누르고 Ruby 관련 창 뜨면 enter 눌러서 또 설치~~

      image image

  2. 설치가 완료되면 git bash 창에 위에서 오류났던 명령어들을 다시 쳐본다.

    • 사진처럼 에러 안나면 성공!!

      image


📍 config.yml 수정하기

그 다음엔 _config.yml 파일 열어서 본인 정보를 입력하면서 내용 수정해주면 된다!

image

마지막으로 gitbash에서 수정된 내용을 다 커밋찍고 push해주면 끝~~


닉네임.github.io를 주소창에 쳐서 들어가보면 적용된 내용을 확인할 수 있다~~~!! image

근데 쓰다보니.. 지금 블로그 테마엔 댓글기능이 없다… 댓글기능 추가를 하던가 있는 테마로 바꾸던가 해야겠다!