사이드바
minimal-mistakes 에서 sidebar 만드는 법
* sidebar 제작은 posts의 sidebar, 그리고 메인 페이지에서 보는 sidebar을 따로 제작할 겁니다!
먼저 _data/navigation.yml
에 들어갑니다.
_data/navigation.yml
의 맨 밑에 코드 입력- “url”에는 예제로 네이버 링크를 넣어두겠습니다. -> 추후 /docs/만들어둔 사이드바 카테고리/ 이런 식으로 만드시면 됩니다.
docs:
- title: Testing Started
children:
- title: "child1"
url: https://www.naver.com/
-
그 다음, _config.yml에 들어갑니다.
-
맨 밑에 default: 관련 코드가 있을 겁니다. 여기에 코드를 복사해서 넣으시면 됩니다.
# Defaults
defaults:
# _posts
- scope:
path: ""
type: posts
values:
layout: single
author_profile: true
read_time: true
comments: # true
share: true
related: true
sidebar: # 앞으로 들어갈 posts 내용에 새로운 sidebar 추가
nav: "docs"
“path” 가 의미하는 바는 “” 이므로,
_posts
에 들어가는 md 파일 ..etc 에 대해 적용한다는 의미이며,
“layout” 이 의미하는 바는
_layouts
폴더의 레이아웃 형식 중 “single” 레이아웃을 적용한다는 의미입니다.
마지막으로, index.html 파일에 들어가서 코드를 변경하셔야 합니다.
---
layout: home
author_profile: true
sidebar:
nav: "docs"
---
위의 코드는 메인 페이지에 적용할 “layout” 그리고 “sidebar”에 추가할 컴포넌트를 직접 지정하는 것이 됩니다.
굳이 통합하지 않고 “posts” 와 “main page” 를 분리하는 이유는?
어제 처음 블로그를 개설하여 적응 중 이기도 하고, 메인 페이지에서 “posts”를 들어갔을 때, 더 많은 정보를
보여주기 위해서입니다.