jekyll 테마
jekyll의 테마를 설정하기 전에 jekyll의 설치 및 기본 프로젝트가 생성되있어야 한다. 아직 jekyll이 설치가 안되어있거나 프로젝트가 생성되지 않았다면, 이전 블로그인 jekyll 설치를 확인하자.
jekyll은 wordpress처럼 기본적으로 테마 설정이 가능하다. 여기에서는 우리가 사용한 테마를 설정하는 방법을 통해 jekyll의 테마 설정을 설명하도록 하겠다.
테마 검색
- 우선 마음에 드는 테마를 찾자.
- 무료 테마 사이트: http://jekyllthemes.org/
- 우리가 사용한 테마: Clean Blog
테마 설치
테마를 설치하는 방법은 크게 두가지가 있다.
- Gem을 통한 설치
- 파일 다운로드
Gem을 통한 설치
Gemfile파일 수정
gem "jekyll-theme-clean-blog"
_config.yml파일 수정
theme: jekyll-theme-clean-blog
- 테마 설치
bundle install
- 확인
bundle exec jekyll serve
jekyll을 실행해보면 새롭게 적용된 테마를 확인할 수 있다.
파일 다운로드
Gem 파일을 이용해 테마를 설치할 수 있다. 하지만 우리는 좀 더 자유롭게 테마를 수정하고 싶기 때문에, 테마 파일을 다운로드하여 적용하는 방식을 사용하기로 결정했다.
테마의 github 페이지 이동: startbootstrap-clean-blog-jekyll 테마
Clone or download버튼을 통해 다운로드압축을 해제하고 파일 내용을 자신의 프로젝트로 복사한다.
확인
bundle exec jekyll serve
jekyll을 실행해보면 새롭게 적용된 테마를 확인할 수 있다.
테마 사용법
- Gem을 통한 설치
- Gem을 통해 테마를 설치했다면 테마 사이트(Clean Blog)를 참고하여 사용하길 바란다.
- 대부분의 테마 파일은 설치 방법과 사용 방법을 소개하고 있으므로 빠르게 시작하고 싶은 사람은 Gem을 통한 설치를 추천한다.
- 파일 다운로드
- 우리는 테마를 좀 더 자유롭게 사용하기 위해 파일 다운로드 방식으로 프로젝트를 구성했다.
- 다음 블로그인 폴더 구조를 통해 테마의 활용을 설명하도록 하겠다.
참고 사이트
- 무료 테마 사이트: http://jekyllthemes.org/
- Clean Blog: https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll
- jekyll 홈페이지: https://jekyllrb.com/docs/structure/
제 블로그가 도움이 되셨나요? 하단의 댓글을 달아주시면 저에게 큰 힘이 됩니다!
앱 홍보
지금 보고 계신 블로그를 작성하는
관심있으신 분들은 앱을 다운로드하여 사용해 주시면 정말 감사하겠습니다.
Deku가 개발한 앱을 한번 사용해보세요.Deku가 개발한 앱은 Flutter로 개발되었습니다.관심있으신 분들은 앱을 다운로드하여 사용해 주시면 정말 감사하겠습니다.
![[심통]현장에서 바로 써먹는 리액트 with 타입스크립트 : 리액트와 스토리북으로 배우는 컴포넌트 주도 개발, 심통](https://img1c.coupangcdn.com/image/affiliate/banner/7cba8cb0601eebaf88a17a0c3cf65a63@2x.jpg)