less than 1 minute read

minimal-mistakes 에서 sidebar 만드는 법

* sidebar 제작은 posts의 sidebar, 그리고 메인 페이지에서 보는 sidebar을 따로 제작할 겁니다!

먼저 _data/navigation.yml에 들어갑니다.

  1. _data/navigation.yml의 맨 밑에 코드 입력
  2. “url”에는 예제로 네이버 링크를 넣어두겠습니다. -> 추후 /docs/만들어둔 사이드바 카테고리/ 이런 식으로 만드시면 됩니다.
docs:
  - title: Testing Started
    children:
      - title: "child1"
        url: https://www.naver.com/
  1. 그 다음, _config.yml에 들어갑니다.

  2. 맨 밑에 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”를 들어갔을 때, 더 많은 정보를
보여주기 위해서입니다.

Updated: