Table of Content (TOC) 추가

hELLO 스킨을 적용해보다가, 그냥 현재 심플한 스킨에 TOC 정도만 있으면 좋겠다 싶었음.

 

아래 링크 따라서 TOC 추가해보기로 함.

https://swooki.tistory.com/847?category=809744#1.-%EC%A4%80%EB%B9%84 

티스토리에 목차 TOC(Table of Contents) 만들기

 

문제 발생 : 하라는대로 했는데 잘 안됨.

HTML 마지막 부분 (</body> 바로 위)에 넣어주는 script에서 문제 생긴거였음.

현재 스킨에서 본문 시작 태그는 <div class="body entry"> 라서, script querySelector('.entry-content')로는 본문 못 가져옴

본문 시작 태그. 저 class써서 script에서 본문 가져와야 함

 

아래와 같이 바꿨더니 잘 된다.

<script>
    var content = document.querySelector('.body.entry')
    var headings = content.querySelectorAll('h1, h2, h3, h4, h5, h6, h7')
    ...
</script>

 

 

Todo

• 왼쪽 메뉴 맨 아래에 태그 나열 10개 정도? (hELLO 스킨 처럼)
• 제목1 에만 underline 가볍게 (요것처럼)
• 전체적으로 폰트 크기 키우기? 100%로 보면 너무 작음
• Markdown Ctrl+E 처럼 inline code block 추가 못하려나? (예시)