티스토리에서 목차 만드는 방법, 그대로 따라하시면 됩니다.

  티스토리 블로그에 들어가다보면 목차가 있잖아요? 이 목차 만드는 방법에 대해서 말씀드릴게요. 사실 너무 쉬운 내용인데 다른 곳들은 어렵게 설명해놔서 저도 애좀 먹었어요. 이 글 하나만 보시고 따라하기만 하면 만들어질 수 있도록 설명드릴게요!!

 

✅ 목차 만드는 방법은 총 3단계 입니다. 잘 따라와주세요.

 

 

파일 다운받아 업로드하기

 

 

  목차 만드는 방법 중 첫 번째 단계 입니다. 목차 파일을 다운로드 받아서 업로드해야 하는데요 아래 파일을 다운받아 압축을 풀고 티스토리 HTML편집에서 업로드 해주세요.

 

jquery.toc.zip

0.00MB

 

 

1. 티스토리 메뉴 - 스킨 편집 - HTML편집 화면으로 이동합니다. 

 

 

 

  이곳에서 파일업로드 메뉴를 누른 뒤, 추가 버튼을 눌러서 다운받은 파일을 업로드해주세요. 업로드에 성공했다면 왼쪽 이미지와 같이 내가 업로드한 파일이 보입니다. 

 

 

HTML 추가하기

 

 

  두 번째 단계로는 HTML화면으로 이동해서 /head 앞에 스크립트를 추가해야 합니다.

 

 

 

  HTML메뉴로 이동하셔서 /head 코드 앞에 위 코드를 입력하세요. 타이핑 하기 어려운 분은 아래 텍스트 파일을 받으셔서 복사 붙여넣기를 이용해주세요.

 

head 텍스트.txt

0.00MB

 

 

  이 부분이 두 번째 단계입니다. 이제 세 번째 단계로 이동할게요

 

 

CSS편집하기

 

  파일업로드, HTML을 완료했다면 이제 CSS편집을 하셔야 합니다. CSS편집에 들어가셔서 아래 파일 내용을 복사 붙여넣기 해줍니다. 보통 맨 아래에 해주면 나중에 찾기 편합니다.

 

 

CSS 추가.txt

0.00MB

 

 

  그러면 목차 생성이 완료됩니다. 

 

 

마무리하며

 

  정리하자면 단계는 총 3단계 입니다.

 

1. 목차 파일 업로드하기
2. HTML에서 /head 코드 앞에 스크립트 넣기
3. CSS추가해주기

 

 

 추가에 성공했다면 글을 썼을 때 이렇게 목차가 나오게 됩니다. ^^ 목차가 나오게 되니 참 편리하죠? 보는 사람 입장에서도 이 글이 어떤 글인지 대강 파악할 수 있습니다. 티스토리 목차만들기는 이 글 하나만 보세요. 끝!!