A walkthrough on automatically generating a table of contents for Eleventy-based websites. The approach uses a custom Liquid filter powered by cheerio to parse HTML content and extract headings into a structured tree. Key challenges covered include: accessing page content via Liquid filters, handling the timing issue where

9m read time From kittygiraudel.com
Post cover image
Table of contents
❦ On this pageOverview §Rendering the markup §Generating the data §Design considerations §Wrapping up §

Sort: