[minimal_mistakes] 사이드바 만들기

깃허브 페이지 사이드바 만들기

프로필 밑으로 카테고리가 보였으면 좋을꺼 같아서 검색을하다가 겨우 만들었다.
사람마다 만드는 방식이나, 자세한 설명이 없어서 굉장히 오래걸렸고 애도 먹었다..
암튼 어찌어찌 만들기는 했다..

navigation.yml 수정

해당 파일에 아마도 main만 있을텐데, 사이드바를 만들기 위해서는 docs 내용을 추가해줘야한다.

# main links
main:
  - title: "Search"
    url: /search/
  - title: "About"
    url: /about/
  - title: "Home"
    url: https://nuyhc.github.io/
  - title: Category
    url: /categories/
  # - title: "About"
  #   url: https://mmistakes.github.io/minimal-mistakes/about/
  # - title: "Sample Posts"
  #   url: /year-archive/
  # - title: "Sample Collections"
  #   url: /collection-archive/
  # - title: "Sitemap"
  #   url: /sitemap/

docs:
  - title: TIL
    children:
      - title: "TIL"
        url: /categories/TIL/
        category: "TIL"
      - title: "Algorithm"
        url: /categories/TIL/Algorithm/
        category: "Algorithm"
      - title: "DataScience"
        url: /categories/TIL/DataScience/
        category: "DataScience"
      - title: "Github page"
        url: /categories/TIL/githubpage/
        category: "GitHub Page"
      - title: "Issue"
        url: /categories/TIL/Issue/
        category: "Issue"
  - title: "Project"
    children:
      - title: Projects
        url: /categories/Project/
        category: "Project"

현재 navigation.yml의 내용인데 docs 부분으로 사이드바를 만든다. children 위의 title은 구분선이 쳐지고, 그 아래로 내용들이 들어간다.

반영하기

포스트나 페이지 헤더 부분에,

---
sidebar:
    nav: "docs"
---

를 추가해주면 해당 포스팅이나 페이지에서만 보인다.
나는 모든 포스팅과 페이지에서 보여지면 좋을꺼 같아서, _config.yml의 defaults 부분에 추가했다.

# Defaults
defaults:
  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
      author_profile: true
      read_time: false
      comments: true
      share: true
      related: true
      toc: true
      toc_sticky: true
      sidebar:
        nav: "docs"
  # _pages
  - scope:
      path: ""
      type: pages
    values:
      layout: single
      author_profile: true
      read_time: false
      comments: true
      share: true
      related: false
      toc: true
      toc_sticky: true
      sidebar:
        nav: "docs"

여담으로 해당 부분에 설정되어있는 부분들은, 포스팅이나 페이지 헤더에 작성하지 않아도 자동으로 들어가기때문에, 지금은 title과 date, categories, tags 정도만 직접 적어주고 있다.

갯수 나타내기

_includes 폴더의 nav_list 내용을 수정해준다.

의 내용만 수정해줬다.

진짜 기본적인 블로그 설정들은 다 된거 같은데, 사람들만다 특정 기능을 구현하는 방식이 다 달라서 내 블로그 내부에서도 많이 섞여있는거 같다..
minimal-mistakes 가이드를 한 번 정리해야할꺼 같다..