Jekyll을 사용해 Github Page 만들기 - (1) jekyll theme 적용하기

전반적인 진행은 https://suhwan.dev/2017/06/22/create-blog-with-github-pages-and-jekyll/ 블로그를 참고했다.

 

 

처음엔 Github docs를 보고 [ 1. 레포지토리(yeob-yi.github.io) 생성  2. Jekyll 사이트 생성  3. custom theme 적용  4. 페이지 수정 및 글 작성 ] 의 순서로 하려고 했다.

 

위 순서대로 먼저 Jekyll 사이트를 생성한 뒤 _config.yml 파일에

remote theme: sighingnow/jekyll-gitbook

코드를 넣어 테마를 적용하는 방법을 시도했다.

 

커스템 테마 적용은 성공했는데, 페이지를 수정하자 404 에러가 나왔다.

그리고 커스텀 테마의 폴더 구조랑 내 폴더 구조랑 다르게 생겨서 어디서 뭘 고쳐야 할지 모르는 상황이 발생했다.

 

 

결국 위 블로그에서 시키는 대로, 내가 만든 내용을 싹 날리고, 커스텀 테마의 원래 코드를 그대로 가져와서 수정하는 방식을 택했다.

 

git clone https://github.com/sighingnow/jekyll-gitbook

먼저 jekyll theme의 코드를 로컬에 클론하고

 

로컬에 있는 코드를 미리 만들어둔 username.github.io 폴더에 복붙하는 방식으로 커스텀 테마의 코드를 가져왔다.

 

 bundle exec jekyll serve

로컬에서 코드가 작동하는지 확인한 다음,

깃헙에 푸시해서 작동시켰는데 404 에러가 나왔다.

 

코드를 봤는데 index.html 파일이 없었고, index.html 파일을 프로젝트 폴더에 만들어서 해결했다.