본문 바로가기
다른 허브 개발·데이터 텍스트 셀러 금융·세금 생활·건강 디자인·CSS 이미지·AI 게임

Markdown 목차 생성기

브라우저 처리

Markdown 제목을 읽어 단계별로 들여쓴 목차와 GitHub 방식 앵커 링크(#설치-방법)를 만듭니다. 같은 제목이 반복되면 -1을 붙여 구분합니다.

사용 전 확인
  • 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
도구 실행입력 후 결과 확인
Markdown 목차 생성기 샘플 실행

긴 README나 가이드 맨 위에 목차가 있으면 독자가 원하는 부분으로 바로 이동할 수 있습니다. 이 생성기는 문서의 제목(#, ##, ###…)을 읽어 단계별로 들여쓴 목차 목록을 만들고, 각 항목에 GitHub 방식의 앵커 링크(#설치-방법)를 붙여 줍니다.

브라우저 처리
샘플 결과
- [사용 안내](#사용-안내)
  - [설치 방법](#설치-방법)
  - [자주 묻는 질문 (FAQ)](#자주-묻는-질문-faq)
  - [설치 방법](#설치-방법-1)
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

Markdown 목차 생성기 사용 가이드

긴 README나 가이드 맨 위에 목차가 있으면 독자가 원하는 부분으로 바로 이동할 수 있습니다. 이 생성기는 문서의 제목(#, ##, ###…)을 읽어 단계별로 들여쓴 목차 목록을 만들고, 각 항목에 GitHub 방식의 앵커 링크(#설치-방법)를 붙여 줍니다.

앵커는 제목을 소문자로 바꾸고 공백을 하이픈으로, 괄호 같은 기호는 지워 만듭니다. 한글 제목은 '설치-방법'처럼 한글 그대로 앵커가 되고, 같은 제목이 두 번 나오면 두 번째에 -1을 붙여 구분합니다.

만들어진 목차를 문서 맨 위에 붙여 넣으면 GitHub, 많은 문서 사이트에서 클릭해 이동하는 목차로 동작합니다.

사용 방법

  1. '.md·.txt 파일'에서 목차를 만들 문서를 고르거나 'Markdown 내용'에 제목이 있는 문서를 붙여 넣습니다.
  2. '실행'을 누르면 제목 단계별로 들여쓴 목차가 나옵니다.
  3. 목차를 '결과 복사'해 문서 맨 위나 원하는 위치에 붙여 넣습니다.

예시: 한글 제목과 중복 제목

입력
# 사용 안내
## 설치 방법
## 자주 묻는 질문 (FAQ)
## 설치 방법
결과
- [사용 안내](#사용-안내)
  - [설치 방법](#설치-방법)
  - [자주 묻는 질문 (FAQ)](#자주-묻는-질문-faq)
  - [설치 방법](#설치-방법-1)

두 번째 '설치 방법'은 -1이 붙어 첫 번째와 다른 위치로 이동합니다.

이럴 때 쓰면 좋아요

  • GitHub README 맨 위에 목차를 넣을 때
  • 긴 사내 가이드 문서에 이동용 목차를 만들 때
  • 문서 사이트로 옮기기 전 제목 구조를 점검할 때
  • 블로그 원고의 소제목 목록을 뽑을 때

문제가 생겼을 때

목차 링크를 눌러도 이동하지 않음

앵커 규칙은 사이트마다 조금 다릅니다. GitHub 방식과 다른 사이트라면 실제 제목 링크를 눌러 나오는 주소로 앵커를 고치세요.

#제목이 목차에 없음

# 뒤에 공백이 없는 줄은 제목으로 인식하지 않습니다. Markdown 포맷터로 '# 제목' 형식을 맞추세요.

활용 팁

  • 목차에 넣지 않을 제목이 있으면 결과에서 그 줄만 지우면 됩니다. 들여쓰기는 단계별 2칸입니다.
  • 제목 문구를 바꾸면 앵커도 바뀌므로, 문서를 고친 뒤에는 목차를 다시 만드세요.

자주 묻는 질문

목차를 문서에 자동으로 넣어 주나요?

목차 목록만 만들어 줍니다. 문서의 원하는 위치에 직접 붙여 넣으세요.

H1도 목차에 들어가나요?

네. 모든 단계의 제목이 들어가며, H1이 맨 바깥 단계가 됩니다. 문서 제목을 빼려면 첫 줄을 지우세요.

이모지가 든 제목은 어떻게 되나요?

앵커에서 이모지와 기호는 지워집니다. 사이트마다 처리가 다를 수 있으니 링크를 눌러 확인하세요.