#mdbook #content #table #page-table #toc #pagetoc

bin+lib mdbook-pagetoc

A mdbook plugin that provides a table of contents for each page

11 releases

0.2.0 Apr 29, 2024
0.1.9 Jan 23, 2024
0.1.8 Dec 30, 2023
0.1.7 Mar 12, 2023
0.1.0 Apr 5, 2022

#470 in Text processing

Download history 32/week @ 2024-08-13 41/week @ 2024-08-20 153/week @ 2024-08-27 107/week @ 2024-09-03 108/week @ 2024-09-10 102/week @ 2024-09-17 146/week @ 2024-09-24 124/week @ 2024-10-01 127/week @ 2024-10-08 96/week @ 2024-10-15 180/week @ 2024-10-22 221/week @ 2024-10-29 228/week @ 2024-11-05 164/week @ 2024-11-12 138/week @ 2024-11-19 239/week @ 2024-11-26

837 downloads per month

MPL-2.0 license

17KB
185 lines

mdbook-pagetoc

A mdbook plugin that provides a table of contents for each page. Uses css/js from mdBook-pagetoc.

Show me

Sample image from mdBook-pagetoc:

Notes:

  • Only supports the html renderer.

  • On the first run of mdbook build, it creates two files pagetoc.css and pagetoc.js.

  • You can customize any of them after the first run.

Configuration:

  • Add to book.toml config:

    [preprocessor.pagetoc]
    [output.html]
    additional-css = ["theme/pagetoc.css"]
    additional-js  = ["theme/pagetoc.js"]
    
  • The place marker <div class="sidetoc"><nav class="pagetoc"></nav></div> will be inserted inside the <main> tag. ie. This replaces

    <main>
       {{{ content }}}
    </main>
    

    with:

    <main><div class="sidetoc"><nav class="pagetoc"></nav></div>
        {{{ content }}}
    </main>
    
  • If not customizing, you may want to add entries as appropriate to .gitignore to keep your repo clean:

    theme/pagetoc.css
    theme/pagetoc.js
    
  • Customization: To autohide when only single header, add this snippet to pagetoc.css:

    a[class^='pagetoc-H']:only-child {
      display: none;
    }
    

Acknowledgments

Alternative

Dependencies

~11–22MB
~328K SLoC