티스토리 TOC (목차 자동 생성)
블로그 글 목차 자동 생성. 티스토리 글에 목차를 자동으로 붙이는 스크립트입니다. 긴 글의 이탈을 줄이며 MIT 라이선스입니다.
티스토리 TOC는 글의 제목 태그를 읽어 목차를 자동으로 만들어 붙이는 스크립트입니다. GitHub 104스타·MIT.
목차가 실제로 하는 일
긴 글은 처음 화면에서 “이 글이 내가 찾는 내용인가”가 안 보이면 닫힙니다. 목차는 그 판단을 3초 안에 끝내줍니다. 그리고 원하는 절로 바로 갈 수 있게 해 체류 시간을 늘립니다.
SEO 관점에서도 의미가 있습니다. 목차 앵커는 검색 결과의 사이트링크 하위 링크로 잡히기도 합니다.
스크립트로 푼 이유
티스토리는 플러그인 시스템이 없습니다. 스킨 HTML에 스크립트를 넣는 것이 사실상 유일한 확장 방법입니다. 제약이 도구의 형태를 정한 사례입니다.
함께 볼 한국 티스토리 도구
가져다 쓰는 완성 스킨
- hello: 사실상 표준으로 쓰이는 스킨 (★2,256)
- 리눅스킨(linuxkin): 반응형 스킨
스킨을 만드는 도구
- 티도리(tidory): 스킨을 코드로 개발·빌드·배포
글을 넣는 경로
- 옵시디언 플러그인: 로컬 노트에서 바로 발행
티스토리는 한국에서 널리 쓰이는 블로그 플랫폼인데 공식 스킨 편집이 HTML·CSS 직접 수정입니다. 그래서 개인이 만들어 나눠 쓰는 문화가 자리 잡았습니다.
TOC는 스킨을 바꾸지 않고 기능만 얹습니다. 쓰던 스킨을 그대로 두고 필요한 것 하나만 더하는 방식이라 도입 부담이 가장 작습니다. 대신 스킨을 교체하면 다시 넣어야 합니다.
그리고 스크립트를 스킨에 직접 넣는 방식이라 스킨을 바꾸면 다시 넣어야 합니다.
이런 분께 맞아요
- 긴 글을 쓰는 티스토리 블로거
- 튜토리얼·정리글 위주의 기술 블로그 운영자
- 체류 시간을 늘리고 싶은 콘텐츠 제작자
- 플러그인 없는 플랫폼에서 기능을 얹는 법을 참고하려는 개발자
이런 서비스도 있어요
개발도구 전체 →
WebAR (Haemok)앱 설치 없이 브라우저에서 바로 보는 AR. 대시보드에서 만들어 링크로 배포합니다.newslineClaude Code 상태줄 뉴스 티커. 일하는 동안 상태줄 아래로 한 줄 뉴스가 6초마다 지나가는 오픈소스로, 딴 일 하기엔 짧고 멍때리기엔 긴 시간을 위해 만들었습니다.국내 IT 기업 개발 문화소프트웨어 문화 자료 저장소. 국내 IT 기업들의 소프트웨어 개발 문화 자료를 모아 정리했습니다.kordoc (딴짓하는 류주임)HWP·PDF 마크다운 변환 문서 엔진. 한글·PDF·오피스 문서를 마크다운으로 바꾸고 마크다운을 공문서 HWPX로 다시 쓰며, 양식 채우기와 신구대조까지 하는 무료 오픈소스 도구입니다.
QGIS 한국 배경지도 플러그인카카오·네이버 지도 레이어. 카카오·네이버·VWorld·국토정보 지도를 QGIS에 배경 레이어로 올리는 플러그인입니다.
AI 베타단 (구글 플레이 테스터 12명 품앗이)바이브코딩 앱 무료 리뷰. AI로 만든 앱·웹·게임을 AI 단장 데카가 써보고 소개하고, 메이커끼리 품앗이 테스트로 첫 사용자를 만나는 웹서비스입니다.자주 묻는 질문
티스토리 TOC, 어떤 서비스인가요?
티스토리 TOC는 글의 제목 태그를 읽어 목차를 자동으로 만들어 붙이는 스크립트입니다. GitHub 104스타·MIT.
티스토리 TOC, 누가 만들었나요?
티스토리 TOC는 글의 제목 태그를 읽어 목차를 자동으로 만들어 붙이는 스크립트입니다. 한국 1인 개발자 생태계의 개발도구·콘텐츠 사례로 Dreamboat 디스커버에 수록돼 있습니다.
티스토리 TOC, 어떤 사람에게 추천되나요?
긴 글을 쓰는 티스토리 블로거 튜토리얼·정리글 위주의 기술 블로그 운영자 체류 시간을 늘리고 싶은 콘텐츠 제작자 플러그인 없는 플랫폼에서 기능을 얹는 법을 참고하려는 개발자
티스토리 TOC, 어디서 사용할 수 있나요?
이 페이지의 「사이트 가보기」 버튼으로 티스토리 TOC (목차 자동 생성) 공식 사이트에 바로 갈 수 있습니다. Dreamboat 디스커버에서는 이 서비스가 무엇이고 누구에게 맞는지, 비슷한 한국 1인 개발자가 만든 서비스는 무엇이 있는지 함께 정리해 두었습니다.
