Markdown使用TOC自动生成导航栏

经常使用markdown 的玩家一定很想要一个自动生成的导航栏吧,自己写的基本思路就是

轮询监听滚动条的位置,通过抛锚和跳锚实现,这里介绍一下今天的主角,markdown-toc插件:

https://github.com/jonschlinkert/markdown-toc

 

# 0x00 安装

 

TOC = Table of content , 将内容制作成导航

这个插件是基于 nodejs 的,因此需要安装 node 和 npm ,这里同样采用nvm的形式安装

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
source ~/.bashrc
nvm list-remote
nvm install v10.16.0
node -v

 

安装好nvm后,就可以使用npm 安装插件了

npm install --save markdown-toc

 

 
 

 

# 0x01 命令行

 

经常使用markdown 的玩家一定很想要一个自动生成的导航栏吧,自己写的基本思路就是

 

轮询监听滚动条的位置,通过抛锚和跳锚实现,这里介绍一下今天的主角,markdown-toc插件:

这个插件带Cli命令,使用帮助如下

markdown-doc [选项] <输入>

<输入>   表示需要使用 TOC 的 markdown 文件,可以通过标准输入读取

[选项]

-i 直接往 <输入> 的文件注入TOC标识符: <!-- toc -->,如果没有这个参数就输出到屏幕,不修改md文件
--json 通过json格式打印TOC
--append 在字符串的后面追加TOC
--bullets 指定需要被生成TOC项的标识符号,可以指定多个: --bullets "*
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值