[GitHub] 깃허브 블로그 만들기(5)

이전 포스팅에서는 jekyll 블로그를 생성하기 위해 기본적으로 사용되는 ruby, bundler, jekyll 등을 다운로드하고 적용하는 방법을 포스팅했다. 

이번에는 username.github.io repository를 활용하여 테마를 적용하는 방법에 대해 공부해보고자 한다.

 

---

원하는 테마 다운로드하기

Jekyll은 Hexo나 Hugo보다 훨씬 다양한 테마들이 존재한다.

아래 사이트를 통하여 사용자가 원하는 테마의 demo 페이지를 확인하고 다운로드할 수 있다.

 

• http://themes.jekyllrc.org
• https://jekyll-themes.com/free/
• https://jekyllthemes.dev

 

다 비슷하지만 다른 사이트에는 없는 테마가 있을 수도 있고, 각 페이지마다 설명이나 정리하는 방법이 다르기 때문에 본인에게 편한 사이트를 이용하는 것이 좋다.

 

내가 선택한 테마는 Klisé 이다.

테마를 다운로드하는 방법은 github에서 직접 내려받는 방법과 홈페이지에서 다운로드하는 방법이 있다.

 

나는 깃허브에서 내려받는 방법을 선택했다.해당 테마의 깃허브에 접속한 후에 Zip 파일을 다운로드하면 된다.

 

 

---

다운로드한 테마 적용

다운을 완료한 후에 다운로드한 폴더를 열면 다음과 같은 파일들이 존재한다.

(테마별로 조금씩 다르지만 보통 비슷한 파일들이 존재한다.)

 

 

파일 전체를 복사하고 github.io 폴더에 붙여 넣기를 해야 한다.

현재 폴더 내부에는 아래 파일들이 존재한다.

 

 

붙여 넣기를 하게 되면 겹치는 파일이 있다는 알림 창이 나타나는데 모두 대치해주면 된다.

 

 

---

로컬 서버에 적용

이전 포스팅과 같은 방법으로 변경 내용을 로컬 서버에 적용한다.

bundle install
bundle exec jekyll serve

 

http://127.0.0.1:4000/ 을 브라우저에 입력하면 다음과 같은 창이 출력된다.

 

 

블로그를 수정한 후에 바로 push하지 않고 로컬 서버에서 변경내용을 확인하면 편하다.

(블로그 설정할 때는 _congif.yml 파일을 열고 수정하면 된다.)

 

로컬 서버를 띄운 상태에서 이것저것 수정하면 자동으로 Reload가 된다.
브라우저에서 Reload 하면 수정 내용을 바로 확인할 수 있다.

Reload가 되지 않는 경우에는 터미널에

bundle exec jekyll serve​

를 다시 입력해주면 된다.

 

---

레포지토리에 Push

변경이 완료되면 레포지토리에 Push 하면 된다.

git add .
git commit -m "본인의 커밋 메세지"
git push

 

Push후 username.github.io에 접속하면 잘 적용된 것을 확인할 수 있다.

 

---

 

마무리

기나긴 GitHub 블로그 만드는 과정이 끝났다.

당분간은 글을 포스팅하거나 추가 기능을 추가해볼 생각이다.

(기능 추가와 관련해서 포스팅을 할 수도..??)

 

생각보다 너무 오래 걸렸지만 삽질하면서 배운 내용도 있고, 전부터 계획했던 것을 실행한 건 내심 뿌듯하다.

이제는 진짜 개인 공부에 집중해보자.

(연말이라고 hey 해져서 딴짓을 너무 많이 했다..)

 

---