깃허브페이지스(github pages), 지킬(jekyll) 이용해서 무료 블로그 만들기 #3-테마변경하기

다른테마 적용하기

수많은 github pages 테마들이 존재 하는데

대표적으로 아래 사이트에서 마음에 드는 테마를 찾으면 된다. 아니면 다른 회사나 다른 사람이 사용하는 github.io 로 구성된 페이지를 fork 해서 사용해도 된다.

거의 사용자들이 오픈마인드로 다른 사람들이 사용할 수 있도록 허락해준다.

http://jekyllthemes.org/

https://pages.github.com/themes/

http://naver.github.io/

http://tech.kakao.com/

​

​

마음에 드는 테마를 선택한다

해당 테마의 github repository 로 접근한다

http://jekyllthemes.org/themes/jasper2/ 테마를 선택했다면 해당테마의 깃허브 소스로 접근하여 https://github.com/jekyller/jasper2 fork 또는 clone download 해서 파일을 받는다

fork 를 하면 내 깃허브 계정에 repository 가 copy 되어 생성된다.

git clone 으로 workspace 밑에 repository 를 복제한다

복제해온 jasper2 폴더 => myblog 로 _posts 폴더 이외에 전부 복사해준다

myblog 로 복사가 끝나면 jekyll 을 실행해본다

Gemfile 즉 필요한 라이브러리가 바뀌었는데 없어서 error 가 나고 있으니 다시 bundle install 로 Gemfile 에 있는 정보로 라이브러리를 설치해준다

$ bundle install

라이브러리 설치가 끝나고 다시 jekyll 을 실행해주면 된다

웹브라우저로 http://127.0.0.1:4000/jasper2/ 을 접속하면 처음 생성시에 있던 Post 글들이 보인다

이제 _config.yml 을 내 정보에 맞게 수정해준다

_data 폴더 밑의 authors.yml 에 작성자 정보도 수정해준다.

skyksit: username: skyksit name: skyksit url_full: http://skyksit.github.io/ url: skyksit.github.io/ bio: The professional publishing platform picture: assets/images/ghost.png facebook: ghost twitter: tryghost cover: False

글을 작성할 때는 각 테마에서 요구하는 데로 맞춰서 작성해줘야 한다 (jasper2 에서는 다음같이 post 를 작성해야 한다)

--- layout: post current: post cover: assets/images/bus.jpg navigation: True title: "처음쓰는 POST 입니다" date: 2018-09-20 11:00:00 +0900 tags: getting-started fables class: post-template subclass: 'post tag-fiction' author: skyksit --- 글 내용을 여기 적는다

분류 (tag) 도 추가 하고 싶으면 _data 폴더 밑에 tags.yml 을 수정해준다

speeches: name: speeches description: Some of the greatest words ever spoken. cover: assets/images/speeches.jpg fiction: name: fiction description: False cover: False fables: name: fables description: A series of short stories that make you think. cover: assets/images/fables.jpg getting-started: name: getting-started description: False cover: False

테마 별로 글을 작성하고 tag, authors 의 항목들과 관리 방법이 틀리니 반드시 테마 제작자의 README 파일을 읽어보자

JASPER2 테마 제작자도 Github 에 README 로 사용법을 남겨놓음 https://github.com/jekyller/jasper2