생활정보

티스토리 목차 만들기 자동 생성 목차

위미미 2023. 4. 16. 00:04
반응형

 

 

 

티스토리 목차 만들기

티스토리에 목차를 넣고 싶은데 어떻게 만들어야 하나 고민하고 계신가요?

복잡하다면 복잡한데 이 세 가지만 하면 여태 써왔던 글들에서도 자동으로 목차가 생성이 되어 있을 거예요.

그럼 목차 자동 생성 하기 따라 해 보실까요?

저도 여기저기 엄청 검색하고 저장해 두었던 거라 어디서부터 온 건지 모르겠지만 만들어 주신 분께 너무 감사하다는 말씀을 전하며

시작해 보겠습니다.

 

 

목차를 만드시려면 글쓰기를 하때 제목2, 제목3 이런 식으로 헤더을 만들어 주셔야 목차가 활성화 됩니다.

본문글만 있으면 목차는 생성 되지 않는다는 거죠.

목차는 말그대로 제목을 나열해 놓은 것이니까요.

목차 서식 코드를 넣기 전에 메모장에 기존 HTML코드를 복사해 두신 다음에 서식 코드를 넣는것을 추천합니다. 코드를 잘못 넣었을 경우 멘붕이 오는 상황이 벌어질 수 있기 때문에 위급 상황을 막기 위하여기존 코드는 일단 복사해 두시고 진행해 보시는걸로. 우린 초보라 코드를 어디 넣었는지도 모를 수 있으니까요.

 

TOC 파일 업로드 

두개를 다 다운로드한 후 두 개 다 스킨편집-파일 업로드로 들어가서 추가를 해서 넣어 주시면 됩니다.

 

jquery.toc.min.js
0.00MB
jquery.toc.js
0.00MB

목차 서식 복사해서 붙여넣기

스킨 편집 HTML 편집-<body>    <body> 사이에 붙여 넣기 후 저장을 하면 됩니다.

저는 <body> 시작 바로 아래에 넣었습니다.

저는 북스킨을 쓰고 있어서 북스킨 코드를 복사해서 붙여넣기를 했는데요.

저도 왕초보라 다른 스킨이면 저도 모르겠어요.

 

 

목차 서식.txt
0.00MB

 

CSS 복사 붙여넣기

위 텍스트 파일의 CSS코드를  /*목차(TOC)스타일*/ 부분부터 (4)목록 시작전 "}" 이 괄호 닫기 까지 복사 하여

스킨편집-HTML편집-CSS로 가서 맨 마지막 부분에 코드를 복사하여 붙여 넣으시면 됩니다.

 

여기 까지 하시고 글을 들어가 보시면 목차가 생성이 되었을 거예요.

따로 서식을 저장해둘까 하다가 저는 귀찮아서 상단에 자동 생성 되는 방법으로 하려고요.

너무 복잡하진 않으셨나요? 초보분들께 도움이 되길 바라면서 이만 글쓰러 가보겠습니다.

 

 

혼자 워드프레스 블로그 만들기, 클라우드웨이즈 호스팅 이용해 보기

워드프레스 만들기 첫번재 호스팅 정하기워드프레스 블로그 만들기 결심블로그를 시작해 봐야겠다는 생각을 가지고 올해부터 본격적으로 블로그 공부를 하기 시작했다. 이 강의 저강의 들어보

wimimi.co.kr

 

혼자 워드프레스 블로그 만들기, 워드 프레스 목차 만들기

워드 프레스 목차 만들어 보기 워드프레스 만들기 2일 차 목차를 만들어야 하는데 한 시간째 아무리 검색을 해서 찾아봐도 도무지 이해가 되지 않는다. 알고 나니 무릎을 탁 치는 거니 한 가지

wimimi.co.kr

 

반응형