minimal-mistakes 상단 메뉴 꾸미기

개요

minimal-mistakes 테마를 처음 적용하면 상단에 ‘Quick-Start Guide’ 하나만 덩그러니 있다. 이 부분을 커스텀해보려고 한다. 대부분 사람들이 많이 넣는 category, tag 를 추가하고 커스텀 페이지도 하나 넣어보려 한다.

상단 메뉴 추가하기

_data/navigation.yml 를 열어보면 main 항목에 ‘Quick-Start Guide’ 가 포함되어있을 것이다. 해당 목록을 아래와 같이 변경해주었다.

main:
  - title: "HOME"
    url: /
  - title: "PORTFOLIO"
    url: /portfolio/
  - title: "CATAGORIES"
    url: /categories/
  - title: "TAGS"
    url: /tags/

main이라는 항목안에 HOME, PORTFOLIO, CATAGORIES, TAGS 네개의 항목을 추가하였다.

url에 해당하는 페이지 추가하기

categories 페이지 추가하기

_pages/category-archive.md 파일을 생성하고 아래의 내용을 작성해준다.

---
title: "카테고리별 목록"
layout: categories
permalink: /categories/
author_profile: true
---

• title : 페이지의 타이틀
• layout : 카테고리 레이아웃으로 설정
• permalink : url 입력

layout은 minimal-mistakes 에서 기본적으로 제공하는 categories 레이아웃을 설정해주었다. permalink 는 navigation에서 설정한 url과 동일하게 해주면 된다.

tags 페이지 추가하기

tags 도 categories 페이지와 동일하게 설정해주면 된다. _pages/tags-archive.md 파일을 추가하고 아래의 내용을 추가해준다

---
title: "태그별 목록"
layout: tags
permalink: /tags/
author_profile: true
---

categories 페이지와의 차이라면 layout을 tags로 변경하면 페이지가 tags로 적용된다.

커스텀 페이지 추가하기

필자는 portfolio 페이지를 추가해주었다.

_pages/portfolio-archive.md 파일을 추가하고 아래와 같이 내용을 추가해주었다.

---
title: "PORTFOLIO"
layout: single
permalink: /portfolio/
author_profile: true
---

이부분에 내용을 추가해줍시다!

layout을 원하는 layout으로 설정해주고 하단에 원하는 내용을 주가해주면 된다.