/_datanavigation.yml

Masthead

main:
  - title: "About"            # 소개 페이지로 연결
    url: /about/		  
  - title: "Posts"            # 포스트를 연도별로 모아놓은 페이지로 연결
    url: /year-archive/
  - title: "Categories"       # 카테고리별로 콘텐츠를 분류한 페이지로 연결
    url: /categories/
  - title: "Tags"             # 태그별로 포스트를 분류한 페이지로 연결
    url: /tags/
  - title: "Pages"            # /_pages 의 페이지들을 나열한 페이지로 연결
    url: /page-archive/
  - title: "Collections"      # 콘텐츠 유형을 그룹화한 페이지로 연결
    url: /collection-archive/
  - title: "External Link"    # 외부 웹사이트로 연결되는 링크
    url: 해당 페이지 url 링크
    target: _blank	  # 외부 링크를 새로운 탭에서 열도록 설정
  • /_pages에 포함된 샘플 페이지들을 활용한 상단 네비게이션 예시
  • title: 네비게이션에 표시될 이름
  • url: 연결하려는 페이지에 명시된 permalink와 동일하게 작성
docs:
  - title: "대분류1"
    children:
      - title: "소분류1"
        url: /소분류1/
        category: "카테고리 이름"
      - title: "소분류2"
        url: /소분류2/
        category: "카테고리 이름"
  - title: "대분류2"
    children:
      - title: "소분류1"
        url: /
        category:
      - title: "소분류2"
        url: /
        category:
      - title: "소분류3"
        url: /
        category:
  • 화면 왼쪽에 표시되는 프로필 밑에 위치하는 사이드바 예시
  • 대분류 title 안에 소분류들이 들어가는 구조
  • 위와 마찬가지로 url는 연결하려는 페이지에 명시된 permalink와 동일해야 한다.
---
sidebar:
  title: "사이드바 제목"
  nav: docs
---
  • 해당 YAML Front Matter를 사이드바를 활성화하려는 포스트 및 페이지에 더하기
  • 여러 페이지들에서 사용될 경우 _config.yml에서 디폴트값으로 설정하는 것이 더 편하다.
    (YAML Front Matter Defaults 설정 참조)

Leave a comment