You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This plugin enhances your Docsify documentation by automatically generating numbered headers for your markdown files. It allows you to configure the header levels, numbering format, and inclusion in the sidebar. By utilising this plugin, you can easily manage and navigate through your documentation headers, ensuring consistency and improved readability.
Demo pages
Page link
Description
The autoHeader of this page is: @autoHeader:1. Assuming the original configuration is used, the splitter is . and the levels are H1-H6.
The autoHeader of this page is: <!-- autoHeader:11.22.33.44.55.66 -->. Assuming the original configuration is used, the splitter is . and the levels are H1-H6.
The autoHeader of this page is: @autoHeader:. Assuming the original configuration is used, the splitter is . and the levels are H1-H6.
The autoHeader of this page is: <!-- autoHeader:Z.Y -->. Assuming the original configuration is used, the splitter is . and the levels are H1-H6.
The autoHeader of this page is: <!-- autoHeader:1-2-3 -->. Assuming the original configuration is used, the splitter is . and the levels are H1-H6.
Installation
!> Note: There are breaking changes in the configuration from v4.x to v5.x. Please take the time to read all the documentation before upgrading
Update index.html file
Assuming you have a working docsify framework set up, it is easy to use the plugin.
Add one of the following script tags to your index.html via either CDN or downloading it and using it locally:
<script>
window.$docsify = {autoHeaders: {// Separator for header numbering (e.g., '.', '-', ')')separator: '.',// Boolean indicating if headers should be added to the sidebarsidebar: false,// Number of header levels to include (1 to 6) or an object with start and finish propertieslevels: 6,// levels: { start: 1, finish: 6 }// Boolean to enable or disable debug messagesdebug: false}};
</script>
Configuration
There are several options available for the docsify-auto-headers plugin:
Setting
Type
Options
separator
String
e.g., ., -, )
sidebar
Boolean
true or false
levels
Number
1 to 6
Object
{ start: Number, finish: Number }
debug
Boolean
true or false
Usage
The plugin can be configured to apply scoped heading counts in either the sidebar or the main content, depending on your setup.
Adding the signifier
When you want to use the heading numbering on a markdown file you can add either of the following signifiers to the first line of the document:
@autoHeader:
<!-- autoHeader: -->
After the colon (:) you can add in the number that will begin for heading level 1 (H1).
Sidebar
If the sidebar option is enabled, the headers will be included in the sidebar and processed before rendering the markdown.
Main Content
If the sidebar option is disabled, the headers will be processed and applied directly to the HTML after rendering.
Contributing
Clone the repo: git clone https://github.com/markbattistella/docsify-auto-headers.git
Create your feature branch: git checkout -b my-feature
Commit your changes: git commit -am 'Add some feature'
Push to the branch: git push origin my-new-feature