minimal-mistakes thema 설정에 대한 글임을 알립니다.
추가로 설정에 있어 사용된 코드는 저의 초기 설정에 대한 코드입니다.

사이드바 메뉴 설정

- 참조 블로그 - https://apit.dev/jekyll/minimal-mistakes-side-bar/

_data/navigation.yml 코드 추가

navigation.yml 파일에 아래와 같은 코드를 추가한다.

docs:
  - title: Menu
    children:
      - title: "blog"
        url: /docs/blog/
      - title: "논문 정리"
        url: /docs/paper-summary/
      - title: "개발 정리"
        url: /docs/coding-summary/
      - title: "오류 정리"
        url: /docs/error-summary/

위의 코드를 간단하게 설명하면
docs:은 임의로 정한 워딩이고 원하는 워딩이 있다면 원하는 대로 정해주면 된다.
- title: Menu에서 Menu는 왼쪽의 사이드바에 MENU라고 적힌 듯이 사이드바의 제목쯤으로 생각하면 될 것 같다.
이후 children:부터는 본인이 원하는 title을 적어주면 되고 url: 은 이후 사이드바의 각 메뉴별 설정할때 permalink:와 일치해주면 된다.

_pages/폴더에 설정 파일 생성

_pages//docs/ 폴더를 생성하고 category-blog.md (blog 카테고리 설정 파일)을 생성하여 아래와 같이 작성한다.

---
title: "blog"
layout: archive
permalink: /docs/blog/ # navigation.yml에서 url과 같은 설정값

author_profile: true # 게시글에 사용자의 프로필이 보이게 하기
sidebar:
    nav: "docs"
---

{% assign posts = site.categories.blog %}
{% for post in posts %}
  {% include archive-single.html type=entries_layout %}
{% endfor %}

주석과 같이 permalink:에 navigation.yml 파일에서의 url에 맞춰서 적어주면 된다.
추가로 liquid언어에 대해 아직 지식이 부족해 정확한 설명이 안될 수 있지만 간단한 첨언을 해보자면, _site/categories/blog/폴더의 index.html파일에 대한 front 코드를 posts로 불러오고 _include/archive-single.html파일을 for문에서의 각 post에 불러와 현재 보이는 게시글로 나타난다고 이해했다.
(아니라면 호된 조언 부탁드립니다..)

이렇게 나의 github blog 초기 설정 중 가장 애를 먹었던 사이드바 메뉴 설정을 끝낼 수 있었다.

댓글남기기