Sidebar should update in sub-folders

[tristan957]

Feature request

Say I have a structure like this:

and my config.js file looks like:

module.exports = {
    themeConfig: {
        nav: [
            { text: "Home", link: "/"},
            { text: "Projects", link: "/"},
            { text: "Wiki", link: "/wiki/"}
        ],
        sidebar: {
            "/wiki/": [
                "",
                "vscode/",
            ],
            "/wiki/vscode/": [
                "",
                "extensions/",
                "go/"
            ],
            "/wiki/vscode/extensions/": [
                "",
                "python",
                "c-cpp"
            ],
            "/wiki/vscode/go/": [
                "",
                "debugging"
            ]
        }
    }
}

I only get to see the sidebar of the /wiki/ directory. When I am in the /vscode/ directory, I want to see the sidebar I defined. Unfortunately all the sidebars under /wiki/ are the same /wiki/ sidebar. The sidebar should be updated on every sub-folder

What problem does this feature solve?

Allows for sub-folders to have unique sidebars

What does the proposed API look like?

Nothing would have to change about config.js, although it might help to allow for nesting like

sidebar: {
    '/wiki/': [
        '',
        'vscode/': [
            '',
            'go/' //,
            // ...
        }
    }
}

How should this be implemented in your opinion?

Similarly to how it is already implemented

Are you willing to work on this yourself?**

I would be willing if I knew where to look.

[hello-sunbaixin]

#669 ，you can see see

[aaroncaito]

try this

module.exports = {
    themeConfig: {
        nav: [
            { text: "Home", link: "/"},
            { text: "Projects", link: "/"},
            { text: "Wiki", link: "/wiki/"}
        ],
        sidebar: {
            "/wiki/vscode/extensions/": [
                "",
                "python",
                "c-cpp"
            ],
            "/wiki/vscode/go/": [
                "",
                "debugging"
            ],
            "/wiki/vscode/": [
                "",
                "extensions/",
                "go/"
            ],
            "/wiki/": [
                "",
                "vscode/",
            ]
        }
    }
}

[kaidesu]

☝️ @aaroncaito's solution will work. It's dependent on the order in which you register your navigation items. Reverse it so your global items come last so they're not picked up first.

[ulivz]

We're closing this issue as stale as it's more than 20 days without activity, and without an associated Pull Request. Please feel free to continue discussion. We'll reopen this issue if anything actionable is posted.