Gadzan

一个基于TS自动生成文章目录导航(TOC)的库 GeneraToc

gadzan/generatoc
Automatically generate table of content from heading of HTML document - gadzan/generatoc
generatoc
Automatically generate table of content from heading of HTML document

上个星期用Nuxt.js重构博客的过程中找不到好用的文章目录导航库.

本来博客用的是jQuerytocify插件, 又要配合jQuery.ui框架, 很简单的东西还要加那么多臃肿的配置, 而且重点是对 SSR 不友好.

Github 上找的tocbot也不好用, 因为正文的标题一定要加id, 但是 Ghost 生成的 html 对中文标题不兼容导致标题元素的id不完整且很容易重复.

于是自己参考着tocifytocbot的算法做了一个.

GeneraToc 基于 Typescript, 完全原生js操作零依赖, 不依赖标题元素的id.

今天是 deno 发布的第一天, 我却在 npm 了发了第一个库...

未来几天会把重构的博客上线.


打赏码

知识共享许可协议 本作品采用知识共享署名 4.0 国际许可协议进行许可。

评论