github.io 만들기 2: 계층형 카테고리


1. 기본 아이디어


  • 상위 카테고리, 하위 카테고리로 두 계층의 카테고리를 만든다.
  • 각각의 게시글이 상위, 하위 두 가지 카테고리에 동시에 속하게 해, 상위 카테고리 내의 목록과 하위 카테고리 내의 목록에서 모두 보일 수 있도록 한다.

2. 로컬에 하위 카테고리 별로 html 파일 생성


  • 로컬의 github블로그 폴더에 /category 폴더를 만들어 만들고자 하는 카테고리만큼 html 파일을 생성: 내용은 /pages 폴더 속 html 파일과 동일하게 구성
  • 기존의 상위 카테고리와 동일한 외관을 가진 하위 카테고리 페이지가 생기도록 한다.
  • (옵션) /_posts 폴더 내에 카테고리 별로 폴더를 만들어서 포스트를 정리하면 관리에 용이하다.
  • (옵션) /_posts 폴더 내의 카테고리 폴더는 html 파일명과 동일하게 만드는 것이 관리하기 편하다.

3. 하위 카테고리를 온라인 블로그에 올리기


카테고리 목록을 보여주는 HTML 템플릿 파일 수정
  • 내 경우, /data 폴더의 settings.yml에서 기존의 카테고리와 동일한 형식으로 새로운 카테고리 목록을 작성해 html 파일을 렌더링할 준비를 함
  • 내 경우, /includes 폴더의 header.html에서 카테고리 목록을 나타내는 코드를 작성함. settings.yml 속 data를 가져와 카테고리를 재배치 함

4. 게시글 마크다운파일 수정


  • 내 경우는 다음과 같다
---
layout: post
title: 
author: 
categories: [상위카테고리 페이지 html 파일명, 하위카테고리 페이지 html 파일명]
tags: 
image: 
---



comments powered by Disqus