블로그 내부 목차 넣는법_ 수동 목차는 시간이 많이 걸립니다.
목차를 넣는 시간에 글을 더 쓰는 것이 효율적 입니다.
목차
목차 업데이트
<ul>
안의 <li>
항목을 수정하여 원하는
섹션 제목을 추가하거나 변경하세요.
본문 내용 작성
각 섹션의 <p>
태그 안에 내용을 추가합니다. 필요에 따라
이미지, 표, 링크 등을 삽입할 수도 있습니다.
커스텀 스타일링
data-ke-size
와 style
속성을 조정하여 글자 크기나
스타일을 커스터마이즈할 수 있습니다.
코드
<h2 data-ke-size="size26">목차</h2>
<ul style="list-style-type: disc;" data-ke-list-type="disc">
<li><a href="#section1">제목
1</a></li>
<li><a href="#section2">제목
2</a></li>
<li><a href="#section3">제목
3</a></li>
<li><a href="#section4">제목
4</a></li>
<li><a href="#section5">제목
5</a></li>
<li><a href="#section6">제목
6</a></li>
<li><a href="#section7">제목
7</a></li>
<li><a href="#section8">제목
8</a></li>
</ul>
<h2 id="section1" data-ke-size="size26">제목 1</h2>
<p data-ke-size="size16">여기에 제목 1의 내용을
입력하세요.</p>
<h2 id="section2" data-ke-size="size26">제목 2</h2>
<p data-ke-size="size16">여기에 제목 2의 내용을
입력하세요.</p>
<h2 id="section3" data-ke-size="size26">제목 3</h2>
<p data-ke-size="size16">여기에 제목 3의 내용을
입력하세요.</p>
<h2 id="section4" data-ke-size="size26">제목 4</h2>
<p data-ke-size="size16">여기에 제목 4의 내용을
입력하세요.</p>
<h2 id="section5" data-ke-size="size26">제목 5</h2>
<p data-ke-size="size16">여기에 제목 5의 내용을
입력하세요.</p>
<h2 id="section6" data-ke-size="size26">제목 6</h2>
<p data-ke-size="size16">여기에 제목 6의 내용을
입력하세요.</p>
<h2 id="section7" data-ke-size="size26">제목 7</h2>
<p data-ke-size="size16">여기에 제목 7의 내용을
입력하세요.</p>
<h2 id="section8" data-ke-size="size26">제목 8</h2>
<p data-ke-size="size16">여기에 제목 8의 내용을
입력하세요.</p>