1
마크다운 목차 생성기
단독 페이지마크다운 문서에서 헤딩을 추출해 자동으로 목차를 만듭니다. GitHub 스타일 anchor·한글 슬러그·레벨 범위·본문 자동 삽입 지원.
입력텍스트출력텍스트
텍스트2단계쉬움
마크다운 자동 목차 + HTML 변환
긴 마크다운 글에 자동 목차를 넣고 그대로 HTML로 변환하기.
이 흐름 워크스페이스에서 열기(워크스페이스는 데스크톱·태블릿 가로 모드에서 동작합니다)
워크스페이스 캔버스는 데스크톱 전용입니다. 아래 도구 카드의 단독 사용 링크로 모바일에서도 개별 도구를 사용할 수 있습니다.
흐름 단계 (2단계)
2
긴 README나 블로그 글을 발행하기 전에 흔히 두 가지가 필요합니다 — 헤딩들을 모아 본문 위에 목차를 붙이는 일과, 그 결과를 HTML로 변환하는 일입니다. 이 템플릿은 마크다운 목차 생성기로 본문 안에 \`<!-- TOC -->\` 섹션을 자동 삽입한 뒤, 마크다운 → HTML 변환기로 그대로 정적 페이지에 붙여넣을 수 있는 HTML을 만듭니다.
목차의 anchor 링크는 GitHub 스타일 슬러그를 따르므로 헤딩 ID와 정확히 일치합니다. 목차 노드에서 레벨 범위(H2~H4 권장)와 번호 형식(불릿 또는 1.1.1)을 조정하면 결과 HTML도 자동으로 갱신됩니다.
이런 상황에서 활용하세요
- GitHub README를 GitHub Pages·Vercel 등 정적 사이트로 옮길 때
- 긴 블로그 글에 자동 목차를 넣어 SEO·체류시간 개선
- 기술 문서 사이트에 사이드바 목차 + 본문 HTML을 한 번에 준비
- 노션·옵시디언 글을 HTML로 출력해 사내 위키에 게시