How to make custom headers / footers support sub url ?

[abcfy2]

Hi there. I want to deploy dita output html5 into a sub url, E.g: /docs/.

I set --args.hdr=/path/to/my/navbar.xml in my build options.

Like this:

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav">
	      <li class="nav-item"><a class="nav-link" href="/Documents.html">Documents</a></li>
	      <li class="nav-item"><a class="nav-link" href="/Guides.html">Guides</a></li>
	      <li class="nav-item"><a class="nav-link" href="/Specs.html">Specs</a></li>
      </ul>
    </div>

But these links will broken after I copy all out/* into docs/ when I access mydomain.com/docs/.

How do I make the links works like dita generated TOC ?

[infotexture]

Looks like you're setting absolute paths in the navbar links, which resolve to something like mydomain.com/Documents.html.

If the contents of the /docs/ folder are all on one level, you should be able to use relative links without the leading slash, like this:

<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav">
    <li class="nav-item"><a class="nav-link" href="Documents.html">Documents</a></li>
    <li class="nav-item"><a class="nav-link" href="Guides.html">Guides</a></li>
    <li class="nav-item"><a class="nav-link" href="Specs.html">Specs</a></li>
  </ul>
</div>

If your generated files include multiple directory levels, you could add the /docs/ subfolder to the absolute path from the document root:

<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav">
    <li class="nav-item"><a class="nav-link" href="/docs/Documents.html">Documents</a></li>
    <li class="nav-item"><a class="nav-link" href="/docs/Guides.html">Guides</a></li>
    <li class="nav-item"><a class="nav-link" href="/docs/Specs.html">Specs</a></li>
  </ul>
</div>