지킬 블로그 카테고리 만들기

01. /_layouts/categories.html 파일 생성


category.html 추가

category.html 에 코드는 이렇게 추가 하세요!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

---
layout: default
---

<ul class="posts-list">
  
  {% assign category = page.category | default: page.title %}
  {% for post in site.categories[category] %}
    <li>
      <h3>
        <a href="{{ site.baseurl }}{{ post.url }}">
          {{ post.title }}
        </a>
        <small>{{ post.date | date_to_string }}</small>
      </h3>
    </li>
  {% endfor %}
  
</ul>

02. /_includes/index.html 수정

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<header class="site-category">
  <ul>
    {% assign pages_list = site.pages %} {% for node in pages_list %} {% if
    node.title != null %} {% if node.layout == "category" %}
    <li>
      <a
        class="category-link {% if page.url == node.url %} active{% endif %}"
        href="{{ site.baseurl }}{{ node.url }}"
        >{{ node.title }}</a
      >
    </li>
    {% endif %} {% endif %} {% endfor %}
  </ul>
</header>

03. Category markdown 파일 생성하기

1
2

mkdir category
cd category
추가하고 싶은 카테고리 메뉴를 category 폴더 안에 md파일로 만듭니다.

category 목록 추가

04. Category 폴더 안의 .md 파일 수정하기

1
2
3
4

---
layout: category
title: Github-Blog
---

05. 블로그 포스팅에 동일한 이름으로 카테고리 추가하기
(복수 카테고리도 가능)

1
2
3
4
5
6
7
8

---
layouts: post
title:  "지킬 블로그 카테고리 만들기"
comments: true
date:   2019-05-06 16:06:00 +0900
categories: [Github-Blog]
tag: [jekyll, Category, Github-Blog]
---