AutocJs：生成文章目录JavaScript脚本工具

AutocJs 是一个专门用来生成文章导读（Table of Contents）导航的 JavaScript 工具（原 autocjs 的重构版本）。AutocJs 采用原生 JavaScript 编写，不依赖任何第三方 JavaScript 库。AutocJs 会自动查找文章指定区域中的所有 h1~h6 的标签，并自动分析文章段落间的层次结构，生成文章的导读导航。

特点

• 支持 UMD 规范;
• 拥有 AnchorJS 基础功能;
• 支持中文和英文标题文字生成ID;
• 支持生成独立的侧边栏导航菜单;
• 支持直接在文章中生成文章导读导航;
• 自动分析标题关系,生成段落层级索引值;
• 可以作为 jQuery 插件使用;
• 界面简洁大方;
• 配置灵活,丰富,让你随心所欲掌控 AutocJs;

安装

引入css

<link href="css/autoc.css" rel="stylesheet"><style>.

引入js

<script src="js/autoc.js"></script><script>
<script>let navigation = new AutocJs()</script>

文章主题盒子添加id，例如

<article class="article" id="article">

以上教程参考：链接

AutocJs开源地址：链接