Skip to content

justintien/docsify-plugin-toc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

docsify-plugin-toc

page's ToC for docsify.

npm

homepage

Usage

  1. Configure docsify-plugin-toc:

    <script>
    window.$docsify = {
      toc: {
        tocMaxLevel: 5,
        target: 'h2, h3, h4, h5, h6',
        ignoreHeaders:  ['<!-- {docsify-ignore} -->', '<!-- {docsify-ignore-all} -->']
      },
    }
    </script>
  2. Insert style/script into docsify document:

    <!-- head -->
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/light.css">
    <!-- Also insert you custom css -->
    
    <!-- body -->
    <script src="https://unpkg.com/[email protected]/dist/docsify-plugin-toc.min.js"></script>

Options

Argument Type Description
tocMaxLevel number The maximum depth of the headings printed on the ToC. If you set tocMaxLevel to 3, I recommend you to set subMaxLevel to 2 avoid ToC duplication.
target string The target heading printed on the ToC. It's used as an argument to query DOM with querySelectorAll()
ignoreHeaders string[] ignore header name keywrod list, (e.g. ['develop', /develop/i], support Regular expressions)

About

page's ToC (Table of Content) for docsify.

Resources

License

Stars

Watchers

Forks

Packages

No packages published