목차를 원하는 위치에 넣기 위해서는 본문 에디터에서 HTML모드로 들어가 매번 코드를 입력해 주어야 하지만 서식 관리를 이용하면 좀 더 간편하게 입력할 수 있게 됩니다.
티스토리 블로그 관리 홈으로 접속해 "콘텐츠" > "서식관리"를 선택합니다.
목차 코드 서식 만들기
서식 관리 화면 오른쪽 상단 "서식 쓰기"를 클릭합니다.
서식 쓰기 창에서 제목을 입력 후 오른쪽 상단 "기본 모드"를 클릭해 "HTML"를 선택해 줍니다.
첫 번째 줄에 <div id="jiotoc"></div>을 입력 후 에디터 하단 "완료"버튼을 클릭해 서식을 저장합니다.
본문에서 목차 서식 적용하기
포스팅 중 목차를 넣고 싶은 위치 앞에서 저장한 서식을 불러와 적용합니다.
본문 에디터 상단 메뉴 중 "..."를 클릭 후 항목 중에서 서식을 선택합니다.
이 전에 등록해 놓은 "목차 코드"를 클릭하면 해당 코드가 적용됩니다.
삽입된 코드는 기본 모드에서는 보이지 않고 HTML 모드 안에서만 보이니 참고하시길 바랍니다.
포스팅 발행 후 목차가 적용된 것을 확인할 수 있습니다.
