baseurl does not work in generated page header

[chenlin-nju]

A generated page example is like this.
I have used a baseurl, however, the generated url in a page header is "/"

  <div class="d-none d-lg-inline-flex">
    <a class="navbar-brand" href="/">.......</a>
  </div>
  

  
  <button type="button" class="navbar-toggler" data-toggle="collapse"
          data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
  <span><i class="fas fa-bars"></i></span>
  </button>
  

  
  <div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
    <a class="navbar-brand" href="/">...... </a>
  </div>

[gcushen]

This is correct, Hugo is generating best-practice relative URLs to the baseURL which you provided in your config.yaml.

What is the issue that you are experiencing with relative URLs?

[chenlin-nju]

Relative URL does not work in the <div class="page-header"> section, just like this:
<a class="navbar-brand" href="/">.......</a> <===== should be <a class="navbar-brand" href="/baseurl">.......</a>

In other sections, relative URL works well. For example, in the same page, Hugo correctly generates:
<li class="nav-item"> <a class="nav-link " href="/baseurl/#about"><span>Home</span></a> </li>

[gcushen]

Did you add a slash (/) at the end of your baseURL in config.yaml?

Hugo doesn't always generate the expected relative URLs if the baseURL doesn't have a slash at the end like https://mysite.com/folder/

[chenlin-nju]

Yes, it still generated the wrong url. &nbsp; &nbsp; ------------------&nbsp;Original&nbsp;------------------ From: ***@***.***&gt;; Date: &nbsp;Tue, Jun 28, 2022 09:56 PM To: ***@***.***&gt;; Cc: ***@***.***&gt;; ***@***.***&gt;; Subject: &nbsp;Re: [wowchemy/wowchemy-hugo-themes] baseurl does not work in generated page header (Discussion #2758) &nbsp; Did you add a slash (/) at the end of your baseURL in config.yaml? Hugo doesn't always generate the expected relative URLs if the baseURL doesn't have a slash at the end like https://mysite.com/folder/ — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***&gt;

[typesAreSpaces]

I had the same issue. I thought maybe it is a Hugo problem. From gohugoio/hugo#8078, I "fixed" my problem by adding

canonifyURLS: true

and the page header links to the appropriate URL while testing with hugo server -D. I also inspected the HTML file produced by hugo -D and the links are correct.

[shinya7y]

According to google/docsy#1114 , a bug fix in Hugo 0.101 causes bugs in downstream projects.
Other projects fix them by replacing "/" with "". https://github.com/google/docsy/pull/1134/files

For the header issue, I think the following lines should be fixed.

https://github.com/wowchemy/wowchemy-hugo-themes/blob/ed6595aae61a782fb4f4f92329e432ecd932a0db/modules/wowchemy/layouts/partials/navbar.html#L22
https://github.com/wowchemy/wowchemy-hugo-themes/blob/ed6595aae61a782fb4f4f92329e432ecd932a0db/modules/wowchemy/layouts/partials/navbar.html#L43