Published on

Vitepress에서 aside (우측 네비게이션) 수정하기

Authors
  • avatar
    Name
    JeongYun Lee

Vitepress를 사용하던 중, 한 화면에 목차 | 내용 |네비게이션 세 개 구성이 다소 복잡해보여서 우측에 있는 aside를 지우려 찾아보았는데 생각보다 간단한 방법이었다.

1. 각 md 파일에 적용하기

---
aside: false
---

각 md 파일의 상단에 위와 같이 작성하면 해당 파일에만 aside가 적용되지 않는다.

2. 전체적용하기

config.js 파일에 export default 부분에 아래와 같이 추가하면 모든 md 파일에 적용된다.

outline: false;

+ 표시 레이어 변경하기

기본적으로는 aside에 표시되는 레이어가 h2로 설정되어 있지만, config.js 파일에 아래와 같이 추가하면 h3로 변경된다.

outline: 3;

혹은 둘 다 표현도 가능하다

outline: [2, 3];