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

前端 思享 14浏览 0评论

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">

以上教程参考:https://yaohaixiao.github.io/AutocJS/example.html

AutocJs开源地址:https://github.com/yaohaixiao/autocjs

推荐阅读

PHP urlencode空格js解码后变成+号的解决办法

在某个函数中,为了避免字符串空格对命令行的影响,所以打算把字符串使用urlencode进行编码,然后在js中用decodeURI()进行解码。结果出处过程中发现空格变成了+号,而?号变成了%的字符串 解决办法 PHP使用rawurlencode()来......

命令行运行Node.js传递参数

当使用以下命令调用 Node.js 应用程序时,可以传入任意数量的参数: node app.js 参数可以是独立的,也可以具有键和值. 例如: node app.js joe 或 node app.js name=joe 这会改变在 Node.js ......

谷歌翻译js逆向获取tk值

之前有分享过百度翻译获取sign值得帖子,搜狗的tk值应该也类似。不过目前用的网络上免费的资源,如果哪天不能用了,打算研究一下,这里转载一下网上的tk值js函数 function tk(a) { var k = ""; var b = 406644;......

avatar
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址