Hyuntae H

Hyuntae H

배워가는 학생
21.03.29~22.09.28 군대

블로그 개발 일지[3]

좌측 사이드바 추가

사이드바를 추가하기까지 꽤 많은 노력이 들어갔다…
앞으로 사이드바를 관리할 일이 많을테니 그 방법에 대해 정리해놓는다.

1. _config.yml 수정

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

# Defaults
defaults:
  # default
  - scope:
      path: ""
    values:
      layout: single
      author_profile: true
      sidebar:
        nav: doc

  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
      author_profile: true
      read_time: false
      show_date: true
      comments: true
      share: false
      related: true
      toc_ads: true
      toc_sticky: true
      sidebar:
        nav: doc

  # _pages
  - scope:
      path: ""
      type: pages
    values:
      layout: single
      author_profile: true
      read_time: false
      comments: false
      share: false
      related: false
      sidebar:
        nav: doc

config.yml 파일에서 각 타입마다

1
2

sidebar :
  nav : doc

을 추가해주었다. 여기서 doc 이름을 잘 기억해두어야 한다.

2. _data/navigation.yml 수정

_data/navagation.yml 파일에서 다음과 같이 수정한다.

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

doc:
  - title: C++
    children:
      - title : C++ Memo
        url : /categories/#C++_MEMO
      - title : C++ Practice
        url : /categories/#C++_Practice

  - title : etc      
    children:
      - title : Broad Knowledge
        url : /categories/#broad-knowledge
      - title : Plan
        url : /categories/#plan

가장 바깥 title이 큰 카테고리 명이고, 그 아래 children에 포함된 title들이 소 카테고리명과 그 주소이다. 비슷하게 작성하면서 추가해나가면 된다. 아까 doc이라는 이름을 기억해 두라고 했는데, navigation.yml 파일에 저장한 이름이 doc: 이기 때문이다. 여기서 이름이 바꾼다면 config.yml에서도 바꿔주어야 한다.

이렇게 추가하면 home화면과 post글을 읽는 동안은 sidebar가 정상적으로 나타났다. 다만 아직 C++ 항목은 눌러도 그 카테고리로 이동하진 않는 듯 하다.

여기서 category는, 각 post를 작성할 때 앞부분에 입력하는 “categories : “를 의미한다. 폴더 분류나 이런건 의미 없다!

참고