SilentXx SmartToc

SilentXx's avatar

寂静猎手

聚焦美股期权交易,分享真实、低风险、可复制的现金流投资策略,带你走进理性与纪律构建的投资世界。

"投资的关键在于找到那些被市场低估的资产。——本杰明·格雷厄姆"

🤖 SilentXx SmartToc

开源 AI 智能文章目录组件。无论文章有没有标题结构,它都能自动生成最合适的左侧目录——真正的标题树、AI 语义章节、伪标题识别、段落导航,五级降级,全程不改文章内容。

📦

npm 安装

npm i silentxx-smart-toc
🐙

GitHub 开源

AheheXx1982/silentxx-smart-toc · MIT

🧠

5 级降级链

标题树 → AI 章节 → 伪标题 → 段落导航 → 暂无

实时 Demo — AI 智能目录

下面这段正文故意没有写任何标题,左侧目录由 AI 按语义自动聚类生成——试试点击目录项跳转、滚动看高亮。

📑 文章目录
暂无目录

做博客和内容站的朋友,大概都有过这样的烦恼:从公众号、论坛或者旧 CMS 迁移过来的文章,正文里根本没有 Markdown 标题结构。老目录组件一看没有 h2 h3,直接甩给你一句"暂无目录"。一篇三千字的长文,读者翻到底都不知道自己读到哪里了。

SmartToc 的核心是一个五级降级链:文章有标准标题,就用标题树;没有标题但有构建时生成的 AI 数据,就用语义章节;作者用普通短句当小标题,就识别成伪标题;实在什么都没有,就退化成段落导航。每一级都在尽力给读者最好的导航体验。

对于没有标题结构的存量文章,AI 会把相邻段落按语义聚类——讲同一件事的段落归成一章,然后给每一章生成一个精炼的小标题。目录数据存在独立的 JSON 文件里,组件只负责渲染到侧边栏,文章本身一字不改。想生成这份数据,任意支持 JSON 输出的 LLM 都能胜任,构建时跑一遍就缓存了。

组件已开源在 GitHub,MIT 协议,包名 silentxx-smart-toc。安装只需要一条 npm 命令,正文用 article 标签一包,剩下的全部自动。文档有中英文双语,配了架构图和常见问题,照着快速开始五分钟就能用上。

这是 SilentXx 开源的第一款作品,但不会是最后一个。期权交易系统、AI 自动化工作流、内容创作管道——后续会陆续把沉淀下来的工具开源出来。如果你觉得这个组件有用,欢迎点个 Star,或者提 issue 告诉我们你的场景。

功能特性

🤖

AI 语义章节

无标题文章由 AI 按语义聚类生成精炼小标题,仅输出到目录树,不改文章

🌲

标题树

层级缩进 + 自动编号(1. / 1.1 / 1.2…),默认全展开,滚动手风琴定位

伪标题识别

自动识别作者用普通短句写的小标题,生成精炼目录

🧭

滚动高亮 + 平滑跳转

随阅读位置自动高亮,点击目录项平滑滚动

🆔

稳定中文锚点

生成 #为什么剩下 式真实锚点 id,替代 heading-0 弱 id

📦

零内容改动

纯客户端组件,不碰 Markdown 源文件与渲染链

版本记录

v1.2AI 语义章节(构建时 JSON 数据)+ tocDataUrl 参数
v1.1伪标题识别(独立短句 5-30 字)
v1.0标题树 + 段落导航,滚动高亮,中文锚点