티스토리 꾸미기 :: 앱에서 목차 안 나올 때

 

 
 
 

 

 

 
안녕하세요 오늘은 티스토리 앱에서 목차가 나올때 
 
어떻게 조치하는지 그리고 왜 이런 현상이 빌생하는지
 
알아 보겠습니다.
 
 

티스토리 앱에서 목차 표기 안 됨

 

목차가 아래와 같이 나오는게 정상이지만,

 
티스토리 앱에서는 목차 글자만 나오고 리스트 표기가 안되는 현상이 발생합니다.
 

 

발생 원인

아레 자동 목차 만들기 포스팅을 따라하셨다면 정상적으로 목차가 만들어지는게 맞지만,
 
2025.07.31 - [티스토리 꾸미기] - 티스토리 자동목차(TOC) 만들기

티스토리 자동목차(TOC) 만들기

 
티스토리앱에서는 자바스크립트가 정상적으로 작동하지 않기때문에 
 
생기는 오류 입니다.
 
결과적으로는 앱에서 지원해주지 않는 이상 해결이 어렵습니다..ㅠ
 
해결 할 수 없으니 대체 방법에 대해서 알아보겠습니다.
 

대안

목차 표기 할 수 있는 방법이 없으니,
 
다른 대안을 써보겠습니다.
 
목차라고 써있는 글자를 다른 글자로 대체하거나 
 
삭제 하는 방법입니다.
 

HTML 추가

기존 사용하는 목차 html 서식 코드에
 
아래 코드를 추가로 붙여넣기 해줍니다.
 
코드의 내용은 목차라는 글자가 있다면 "정보가 유익하셨다면 공감과 댓글 부탁드려요♥" 
 
라는 글자로 대체하겠다는 내용입니다.
 
jquery.toc.js 파일도 첨부 드립니다.

jquery.toc

0.00MB

<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory/6364502/skin/images/jquery.toc.js"></script>
<p id="summary-title" data-ke-size="size18">&nbsp;</p>
<ul id="toc" style="list-style-type: disc;" data-ke-list-type="disc"></ul>
<script type="text/javascript">   
  $(function(){
    $("#toc").toc( {content: ".tt_article_useless_p_margin", headings: "h2,h3,h4" , top: -90, isBlink : true, blinkColor : '#21B9DE' } );
    
    if ($("#toc").children().length > 0) {
      document.getElementById('summary-title').innerHTML = '<b>목차</b>';
    } else {
      document.getElementById('summary-title').innerHTML = '<b>정보가 유익하셨다면 공감과 댓글 부탁해요♥</b>';
    }
  });
</script>

 
 
①,② 항목은 자신의 블로그 환경에 맞게 수정하시면 됩니다.

 

마무리

아래와 같이 변경이 되신걸 확인된걸 볼 수 있을겁니다. 
 
더 궁금한 내용이 있으면 댓글 달아주세요 ^^!

변경 전/후

 
 
2025.07.31 - [티스토리 꾸미기] - 티스토리 자동목차(TOC) 만들기

티스토리 자동목차(TOC) 만들기