Added Categories

Template 선택

lanyon template를 사용하기로 결정했으나, category 메뉴가 없었다.

Categories 추가

가장 쉬운 방법을 찾아 헤맸다. jekyll page layout을 이용하는 방법이다.

1. Post 작성

Front Matter에 categories를 작성한다.

// 1개의 카테고리를 작성할 경우
---
layout: post
title: Korea
categories: trip
---

// 2개 이상의 카테고리를 작성할 경우
---
layout: post
title: Seoul
categories: [trip, personal]
---

2. categories.html

최상위 폴더 안에 categories.html을 추가한다.

.
+-- _includes
|	--- head.html
|	--- sidebar.html
+-- _layouts
|	--- default.html
|	--- page.html
|	--- post.html
+-- _posts
+-- css
+-- public
|	+-- css
|	|	--- lanyon.css을
|	|	--- poole.css
|	|	--- syntax.css
|	--- favicon.ico
--- config.yml
--- index.html
--- categories.html

아래의 코드를 categories.html에 작성한다.

3. CSS 추가

category 페이지를 첫글자만 대문자로 출력하도록 lanyon.css 파일에 archive-group class를 작성한다.

.archive-group {
  text-transform: capitalize;
}

reference : webjeda blog