[ETC][Tistory 스킨 수정][Book Club] 자동 목차 생성 방법 (플로팅 목차, 제목3까지 나타내기)

간단하게 쓴다.

 

아래 블로그에서 도움을 받았다.

 

 

https://depast.tistory.com/40

티스토리｜스킨 수정｜긴 글에 목차넣기｜차례｜TOC｜Table of Contents｜제목 1,2｜+ 복사 안되는 블

 

 

그냥 위 블로그대로 하면 되는데,

 

한 가지 수정해야 할 부분이 있다.

 

 

CSS

.toc {
  left: calc((100% - 850px) / 2 - 300px);
  width: 250px;
  padding: 10px;
  box-sizing: border-box;
}

위의 css대로 수정하면

 

좌측에 나타나는 플로팅 목차가 본문을 침범한다.

 

 

위 부분에서 '2-300px'를 '3-300px'로 바꿔주면

 

플로팅 목차가 더 좌측으로 이동한다.

 

 

끝!