사이드바 메뉴 설정
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 초기 설정 중 가장 애를 먹었던 사이드바 메뉴 설정을 끝낼 수 있었다.
댓글남기기