Jekyll 카테고리 만들기 (2)

카테고리 및 태그 추가 방법

• 정말 많은 방법을 사용해 봤지만, 안돼거나 복잡하다
• 이 방법을 알려준 해당 블로그에게 감사를 표해요!
• 깃허브 블로그 카테고리 만들기 초간단 방법

author-profile.html 파일 수정

1. author-profile.html 파일을 열어 본다.
2. 아래에 해당 부분을 찾는다.

<!--
  <li>
    <a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs" rel="nofollow noopener noreferrer me">
      <i class="fas fa-fw" aria-hidden="true"></i> Custom Social Profile Link
    </a>
  </li>
-->

1. 해당 부분 밑에 해당 부분 코드를 넣는다.

<!-- Categories -->
<nav class="nav__list">
<ul class="nav__items" id="category_tag_menu">
    <li>
        <span class="nav__sub-title">📂 Total (36)</span>
        <ul>
            { % for category in site.categories % }
                { % if category % }
                <li>
                    <a href="/categories/#{ {category[0] | slugify} }" class="">{ {category[0]} } ({ {category[1].size} })</a>
                </li>
                { % endif % }
            { % endfor % }
        </ul>
    </li>
</ul>
</nav>

1. _config.yml 수정
   • 여기까지 해보면 아마 메인에 사이드바가 추가되었고, categories 가 생겼음에도 불구하고 연결이 되지 않는다.
   • 아래와 같은 부분을 주석 해제한다.

jekyll-archives:
enabled:
  - categories
  - tags
layouts:
  category: archive-taxonomy
  tag: archive-taxonomy
permalinks:
  category: /categories/:name/
  tag: /tags/:name/

1. archive-taxonomy 파일 생성
   • root/_pages 폴더에 category-archive.md 생성한다.
   • 다음과 같은 부분을 추가한다.

---
title: "Category"
layout: categories
permalink: /categories/
author_profile: ture
sidebar_main: true
---

• tags도 기능이 동작하게 하려면 tag-archive.md 도 생성한다.

---
title: "Tags"
layout: tags
permalink: /tags/
author_profile: ture
sidebar_main: true
---

요약

• 사이드 바 메뉴 생성
• 카테고리 및 태그 기능 설정
• 게시물에 categories 및 tags만 설정해준다면 문제없이 보여진다.