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