테마 설정

2019-05-23

jekyll의 테마를 설정하여, 블로그를 좀 더 멋있게 만들어 보자.

jekyll 테마

jekyll의 테마를 설정하기 전에 jekyll의 설치 및 기본 프로젝트가 생성되있어야 한다. 아직 jekyll이 설치가 안되어있거나 프로젝트가 생성되지 않았다면, 이전 블로그인 jekyll 설치를 확인하자.

jekyll은 wordpress처럼 기본적으로 테마 설정이 가능하다. 여기에서는 우리가 사용한 테마를 설정하는 방법을 통해 jekyll의 테마 설정을 설명하도록 하겠다.

테마 검색

테마 설치

테마를 설치하는 방법은 크게 두가지가 있다.

  1. Gem을 통한 설치
  2. 파일 다운로드

Gem을 통한 설치

  1. Gemfile 파일 수정
    gem "jekyll-theme-clean-blog"
    
  2. _config.yml 파일 수정
    theme: jekyll-theme-clean-blog
    
  3. 테마 설치
    bundle install
    
  4. 확인
    bundle exec jekyll serve
    

    jekyll을 실행해보면 새롭게 적용된 테마를 확인할 수 있다.

파일 다운로드

Gem 파일을 이용해 테마를 설치할 수 있다. 하지만 우리는 좀 더 자유롭게 테마를 수정하고 싶기 때문에, 테마 파일을 다운로드하여 적용하는 방식을 사용하기로 결정했다.

  1. 테마의 github 페이지 이동: startbootstrap-clean-blog-jekyll 테마

  2. Clone or download 버튼을 통해 다운로드

  3. 압축을 해제하고 파일 내용을 자신의 프로젝트로 복사한다.

  4. 확인

    bundle exec jekyll serve
    

    jekyll을 실행해보면 새롭게 적용된 테마를 확인할 수 있다.

테마 사용법

  1. Gem을 통한 설치
    • Gem을 통해 테마를 설치했다면 테마 사이트(Clean Blog)를 참고하여 사용하길 바란다.
    • 대부분의 테마 파일은 설치 방법과 사용 방법을 소개하고 있으므로 빠르게 시작하고 싶은 사람은 Gem을 통한 설치를 추천한다.
  2. 파일 다운로드
    • 우리는 테마를 좀 더 자유롭게 사용하기 위해 파일 다운로드 방식으로 프로젝트를 구성했다.
    • 다음 블로그인 폴더 구조를 통해 테마의 활용을 설명하도록 하겠다.

참고 사이트

책 홍보

저도 블로그를 시작한지 1년만에...책을 다 써봅니다...인생에서 이런 날도 오는군요...타국에서 책 출판도 할 수 있고, 참 좋은 세상입니다.

이번에 쓴 책은 스무디 한 잔 마시며 끝내는 React Native입니다. 다양한 예제를 통해 리액트 네이티브를 공부할 수 있도록 구성해 보았습니다. 또한 설치부터 배포까지 실전에서도 사용할 수 있는 내용들을 담고 있습니다.

아래 링크를 통해 제가 쓴 책을 구매하실 수 있습니다.
많은 분들에게 도움이 되면 좋겠네요.
스무디 한 잔 마시며 끝내는 React Native React Native로 실전 스마트폰 앱 만들기
Buy me a coffeeBuy me a coffee
Posts