Instead of specifying the path of the sidebar.md file in loadSideBar, is it possible to statically declare the contents of the sidebar md file?

[shlee1223]

Feature request

Problem or desire

Instead of specifying the path of the sidebar.md file in loadSideBar, is it possible to statically declare the contents of the sidebar md file?

For example,

  loadSidebar: true,
  loadSidebar: '_sidebar.md'

==>

  loadSidebar: true,
  loadSidebar: function() {
    return `
    - [Introduction](README.md)
    - [Guide](guide.md)
    - [API Reference](api.md)
    `;
   }

I have tested the above method and similar methods, but they all failed. Is there any workaround, even if it is a different method?

I look forward to your help. Thank you.

[sy-records]

Why not use a file?

[shlee1223]

Why not use a file?

Thanks for the answer. Although using files is fine, I would like to control the content of the sidebar dynamically using JavaScript.

[sy-records]

I'm not sure it's possible. It hasn't been done.

Duplicate of #2520

[sy-records]

    window.$docsify = {
      plugins: [
        function loadSidebar(hook, vm) {
          hook.ready(function () {
            var html = vm.compiler._marked(`- [Introduction](README.md)
    - [Guide](guide.md)
    - [API Reference](api.md)`);
            document.querySelector('.sidebar-nav').innerHTML = html;
          });
        },
      ],
    }

[shlee1223]

    window.$docsify = {
      plugins: [
        function loadSidebar(hook, vm) {
          hook.ready(function () {
            var html = vm.compiler._marked(`- [Introduction](README.md)
    - [Guide](guide.md)
    - [API Reference](api.md)`);
            document.querySelector('.sidebar-nav').innerHTML = html;
          });
        },
      ],
    }

Thanks for your detailed guide.
Maybe it's my inexperience, but that method doesn't work very well.
I'll test it some more.
Thanks again.