TOC Widget Generator

Add an automatic table of contents to your blog posts. Just copy and paste!

// Products

Options

Display Mode

Content TOC?Shows a collapsible TOC at the top of the post

Side TOC?Shows a fixed TOC on the side. Turns into a floating button on mobile

Design

Theme?Background and text color theme for the widget

Main Color?Accent color for active items, icons, etc.

Content TOC

Bullet Style?Symbol style shown before inline TOC items

Inline Open by Default?Start with the inline TOC expanded on page load

Section Count?Shows section count like "(4 sections)" in the content TOC header

Side TOC

Side Position?Left/right position of sidebar and floating button

Sidebar Progress Bar?Show reading progress bar at the bottom of the sidebar

Advanced

Min Headings?Hides the TOC on short posts. e.g. set to 3 → posts with 2 or fewer subheadings won't show a TOC

Preview

Shown at top of post

목차 (4개 섹션)

Fixed on screen side

42%

Mobile / Collapsed

Embed Code

<!-- buildify365 TOC -->
<div id="auto-toc"></div>
<script src="https://cdn.jsdelivr.net/gh/buildify365/auto-toc@v1/auto-toc.min.js"></script>