# 목차

글 내용 중 제목 블록으로 구성된 목차를 추가합니다. 목차의 각 제목을 클릭하면 해당 부분으로 스크롤이 이동합니다. 

## 페이지에 목차 추가

편집 화면 위쪽 `커스텀` 클릭 후 `목차` 을 활성화(초록색)합니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20240514/110331_RpQZ1C1CKQuqn6YHpb?q=75&s=1280x180&t=outside&f=webp)

페이지 오른쪽에 목차가 생성됩니다. PC 창 너비가 좁거나 모바일 기기일 때는 제목 바로 아래에 목차가 보입니다.

[Video](https://vz-127031db-d43.b-cdn.net/5ee3d374-c60d-411e-ac83-2a1f8235b24d/playlist.m3u8)

> 목차에서 제목 1에 비해 제목 2는 한 번 들여쓰기, 제목 3은 두 번 들여쓰기 됩니다.

목차를 클릭하면 각 제목 블록이 위치한 곳으로 스크롤이 이동합니다.

[Video](https://vz-127031db-d43.b-cdn.net/94b6e710-694e-4760-97f8-1eb66ec6e8ba/playlist.m3u8)

## 블로그 채널 글에 목차 추가

작성한 글에서 화면 오른쪽 위 `···` 클릭 후 `목차` 를 활성화(초록색)하면 글 오른쪽에 목차가 추가됩니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20240514/112550_vuKMtWNdTE9z77B2MJ?q=75&s=1280x180&t=outside&f=webp)

페이지 오른쪽에 목차가 생성됩니다. PC 창 너비가 좁거나 모바일 기기일 때는 제목 바로 아래에 목차가 보입니다.

[Video](https://vz-127031db-d43.b-cdn.net/1f276aae-f7a5-4655-957f-a8e92d1c5e48/playlist.m3u8)

> 목차에서 제목 1에 비해 제목 2는 한 번 들여쓰기, 제목 3은 두 번 들여쓰기 됩니다.

목차를 클릭하면 각 제목 블록이 위치한 곳으로 스크롤이 이동합니다.

[Video](https://vz-127031db-d43.b-cdn.net/43bf686d-52f5-406c-b3a9-1163f6eba7c9/playlist.m3u8)

For the site tree, see the [root Markdown](https://slashpage.com/slashpage-help-center.md).