Chirpy theme에서 특정 제목을 TOC에서 숨기기

Chirpy theme에서 특정 제목을 TOC에서 숨기기

마크다운 형식으로 문서를 작성하다 보면 특정 제목(Header)를 TOC(Table of contents)에서 숨겨야 할 때가 있다. Chirpy theme 사용 시 아래와 같이 해당 기능을 구현할 수 있다.

scss 파일 수정

Chirpy theme 7.x 기준으로 다음 경로에 있는 scss 파일을 수정한다.

• assets/css/jekyll-theme-chirpy.scss

/* 특정 제목 TOC에서 숨기기 */
li.toc-list-item:has(> a[href="#no-toc"]) {
    display: none;
}

위 코드는 href 속성이 #no-toc인 a 태그를 화면에서 숨기는 동작을 한다.

문서 작성

마크다운으로 문서 작성 시 제목(Header)에 다음과 같이 #no-toc id를 추가한다.

## TOC에 명시

## TOC에 숨김 {#no-toc}

참고자료나 미완성된 내용 등 목차에서 제목을 숨겨야 할 때 유용하다.