깃블로그(10) 사이드바 카테고리 구현

사이드바 카테고리 개요

: 아래 사진과 같이 사용자가 UI로 접근하기 쉽도록 사이드바(sidebar)를 생성하고 각각의 카테고리를 넣는다.

구조

• 카테고리페이지

  같은 카테고리의 글들을 모아둔 페이지 (카테고리스 아님!)

• 사이드바

  이 페이지들을 모아둔 사이드바

과정

1. 카테고리 페이지 구현하기(카테고리 적용한 포스트 포함)
4. 사이드바 출력 문서모듈 작성

구현

카테고리 페이지 구현하기

: 이전 포스팅에서 동일한 이미 구현하는 방법을 알아보았다. 이번에는 나만의 커스텀한 경로로 다시 설명해본다.

1. 카테고리 전용 디렉토리 생성

    # 카테고리페이지 전용 디렉토리 생성
    mkdir /_pages/categories
   
   

앞으로 이 디렉토리에 각각의 카테고리페이지를 정의 할 것이다.

1. 카테고리 페이지(page) 생성

   /_pages/categories/blg-category-git-.md

         
    ---
    title: "깃&깃허브"
    layout: archive
    permalink: /categories/git/
    sidebar_main: true
    author_profile: true
    ---
         
    <!-- 'git' 이라는카테고리를 가진 모든 포스트들 SET -->
    {% assign posts = site.categories.git %} 
   
    <!-- 포문수행 -->
    {% for post in posts %} 
      {% include archive-single.html type=page.entries_layout %}
    {% endfor %}  
   	  
   
   

   • layout
     archive 를 지정했다. archive(아카이브)는 같은 카테고리의 글들을 나열하는 기능을 가진 레이아웃이라고 한다.
   • permalink
     /categories/ 을 지정했다 _config.yml 파일에서 category_archive path 설정과 같게 설정해야한다. permalink는 /categories/인데 _config.yml파일에서 category_archive path 설정과 같게 설정해야한다. (_config.yml 카테고리스 페이지를 지정했던 category_archive 항목의 path도 이 경로였다. 즉 카테고리스 페이지는 _config.yml 파일에서 category_archive 옵션에 명시해놓은 설정이 permalink 옵션값과 동일하게 작성해주어야 진정한 카테고리스의 기능일가진 페이지가 되는것이다.)

이전에 페이지를 구현할때는 minimal-mistake 테마에서 기본적으로 제공하는 카테고리, 태그 레이아웃 페이지를 구현했었다.