Skip to content

Proposal: auto generate sidebar #1290

Open
@anikethsaha

Description

@anikethsaha
Member

Auto-generate sidebar

Summary

Auto-generate and update the sidebar i.e _sidebar.md by looking into the folders/files

Motivation

If you have a big project or a project having many markdown files. It is kind of extra work look for each file and writes the path and the file name and the text to display it.
Maximum projects I have seen take each .md file as a single page and .md files under a folder inside the docs directory is a sub-page. So if we go with usual lookups through each file/folder. This is quite easy to achieve.

Detailed Design

No changes are required in the core. Only needs changes in cli. New command probably

If we have directories like this

|- <root>
       |- README.md
       |- index.html
       |- _sidebar.md
       |- a.md
       |- guide
            |- guide-a.md
       |- b.md

The sidebar command should generate the following

- [a](./a.md)
- guide
  - [a](./guide/guide-a.md)
- [b](./b.md)

We need to traverse through the directory and create an object or tree and then just print the tree as a list in the markdown.

Documentation

Update the docs in the main docs site as a separate page and create docs for the command in the cli and do a remote rendering of the page in the main docs

Drawbacks

Few

  • It won't know whether markdown file should be in the heading or in subheading if it goes out of our prediction.
  • cant do the operation for the .html files.

Backwards Compatibility Analysis

Not required as no changes in the core is being done.

Alternatives

Do the manual entry in the _sidebar.md

Open Questions

  • Should we wait for or put this in v5 ?
  • Any volunteers for taking this ?

Help Needed

None.

Frequently Asked Questions

None

Related Discussions

Couldnt find any.

Activity

pinned this issue on Jul 17, 2020
ghost

ghost commented on Jul 22, 2020

@ghost
self-assigned this
on Jul 27, 2020
ajboni

ajboni commented on Aug 5, 2020

@ajboni

This would be very useful.
I think you will also need some sort of rule for ordering/ignoring the entries, with a prefix on the filename or some front-matter maybe.

|- <root>
       |- README.md
       |- index.html
       |- _sidebar.md
       |- 1__a.md
       |- 3__guide
            | no_prefix.md  // => Fallback  alphabetical sort
            |- 1__guide-a.md
            |- __ignore.md
       |- 2__b.md

result

- [a](./a.md)
- [b](./b.md)
- guide
  - [a](./guide/guide-a.md)
  - [no_prefix](./guide/no_prefix.md)

equinusocio

equinusocio commented on Sep 5, 2020

@equinusocio
Contributor

Personally, I think this can be limiting and it should be optional. For example, we like that sidebars are just markdown files and we can customize it and swap it (for multilanguage docs, etc). Also, we think that sidebars that are not related to the file structure can be more useful in some situations.

This is how our sidebar looks. We added emoticons and custom HTML badges beside titles. Such level of customizations should be preserved and so, the auto-generated sidebar must be opt-in or at least, opt-out.

Screenshot 2020-09-05 at 12 20 26

ghost

ghost commented on Sep 5, 2020

@ghost
randomor

randomor commented on Jun 5, 2021

@randomor

This would be so nice! No need to update two places and everything are inferred with convention. Most of the time the directories are organized with the files anyway, if not, there is always extra cognitive load. This can be an opt-in option and would also allow the existing _sidebar.md to override if it exists so existing users can adopt it incrementally in select directories. ❤️❤️❤️

fangyuqiang

fangyuqiang commented on Jul 30, 2021

@fangyuqiang

We need this! please!

Anilople

Anilople commented on Oct 24, 2021

@Anilople
Contributor

Here is my way to generate sidebar.

I write java code to do it.

The code in .zip file Generator.zip

Download it to docsify's directory which contains .md files. And unzip it.

unzip Generator.zip

Compile java code by javac

javac -encoding UTF-8 Generator.java

Generate sidebar to stdout

java Generator build-sidebar .

5 remaining items

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

enhancementpinnedThis is to pinned the PR/Issue in order to keep it open

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    No branches or pull requests

      Participants

      @trusktr@randomor@fangyuqiang@equinusocio@ajboni

      Issue actions

        Proposal: auto generate sidebar · Issue #1290 · docsifyjs/docsify