MyBlogTool

내가 쓰려고 만든 블로그 툴 모음

📑 블로그 목차 생성기

이미지 링크를 활용해 네이버 블로그 목차(바로가기) URL을 생성해줍니다.

예시 글 보러가기

1
2
3
4
5
6
7
8
9
10

네이버 블로그 목차(바로가기) 만드는 법

네이버 블로그 에디터에는 워드프로세서 같은 자동 목차 기능이 없습니다. 대신 본문 안 특정 이미지로 바로 이동하는 링크를 만들 수 있는데, 이를 이용하면 글 상단에 "목차"를 배치해 독자가 원하는 문단으로 바로 점프하게 할 수 있습니다. 이 도구는 블로그 글 주소와 각 소제목 위치의 이미지 주소만 넣으면 바로가기 URL을 자동으로 생성합니다.

이럴 때 사용하세요

사용 방법

  1. 먼저 블로그 본문의 각 소제목 위치에 이미지를 하나씩 넣습니다. (구분선이나 소제목 배너 이미지를 활용)
  2. 작성 중인 글을 발행하거나 임시저장한 뒤, 글 주소를 복사해 첫 칸에 붙여 넣습니다.
  3. PC 웹에서 본문 이미지를 우클릭 → "이미지 주소 복사"로 각 이미지 주소를 가져와 순서대로 입력합니다. (postfiles.pstatic.net 도메인만 허용)
  4. "목차 링크 생성" 버튼을 누르면 이미지별 바로가기 URL이 나옵니다. 이 URL을 목차 텍스트에 하이퍼링크로 연결합니다.

알아두면 좋은 팁

자주 묻는 질문

왜 이미지가 필요한가요?

네이버 블로그는 문단에 고유 앵커(id)를 부여하지 않지만, 이미지에는 개별 식별 코드가 있습니다. 이 도구는 그 코드를 이용해 "해당 이미지로 스크롤" 링크를 만듭니다.

postfiles.pstatic.net 도메인만 된다고 나옵니다.

네이버 블로그에 업로드된 이미지의 원본 주소가 이 도메인입니다. 외부에서 가져온 이미지나 다른 도메인 주소로는 목차 링크를 만들 수 없습니다.

생성된 링크가 모바일에서도 동작하나요?

생성 URL은 모바일(m.blog.naver.com) 기준으로 만들어집니다. PC에서도 대부분 정상 동작하지만, 환경에 따라 이동 위치에 약간의 오차가 있을 수 있습니다.

관련 도구·가이드