Getting site links to work

[Eliana]

Hello.

I’m building a portfolio website and I’m trying to get in-site links to work in the header and the footer. Currently, the links seems to be adding onto the baseURL, which is set to “/”.

My github repository is here: https://github.com/ElianaGrosof/personal-web

My website is hosted at elianagrosof(dot)com through render(dot)com.

So for example, in blog.html I have the following line of code:

<div style="text-align:center;"><h4>To see an archive of all of my blog posts,
        <a href="www.elianagrosof.com/post">click here</a>. </h4></div>

and the website tries to go to “www.elianagrosof.com/www.elianagrosof.com/post” which does not work.

My goal is navigate directly to the url in question, rather than as a relative path. So for this example, have the browser only navigate to the url specified by the href.

I am mostly using the hugo-raditian-free-theme with my blog based on the mediumish theme.

I am at a loss for what to do. When I change the baseURL to www.elianagrosof(dot)com/, the JavaScript stops rendering.

Apologies for all the . dots as words, Hugo told me that I could only have 2 links in the post.

Thank you!
Eliana

[jmooring]

The baseURL in config.toml file should be set to:

https://www.elianagrosof.com/

Note that it includes the protocol and host, not just the host, and ends with a forward slash.

When I change the baseURL to www.elianagrosof(dot)com/, the JavaScript stops rendering.

I don’t know what this means.

In config.toml, this:

[[params.plugins.css]]
URL = "rad-icons-codes.css"
[[params.plugins.css]]
URL = "rad-icons-embedded.css"
[[params.plugins.css]]
URL = "rad-icons-ie7-codes.css"
[[params.plugins.css]]
URL = "rad-icons-ie7.css"
[[params.plugins.css]]
URL = "animation.css"

should be this:

[[params.plugins.css]]
URL = "css/rad-icons-codes.css"
[[params.plugins.css]]
URL = "css/rad-icons-embedded.css"
[[params.plugins.css]]
URL = "css/rad-icons-ie7-codes.css"
[[params.plugins.css]]
URL = "css/rad-icons-ie7.css"
[[params.plugins.css]]
URL = "css/animation.css"

In themes/raditian-free-hugo-mod/layouts/partials/head.html:

<link rel="stylesheet" href="/fonts/font-awesome/css/font-awesome.min.css">

This resource is not present in your repository.

[Eliana]

Thanks for the suggestion - changing baseurl to https://www.elianagrosof.com/ instead of / or www.elianagrosof.com/ worked.

Additionally, and I’ll admit this is cheating, but I just added the baseURL (https://www.elianagrosof.com/) semi-manually onto my urls.

So for my header, I added

< a data-scroll class=“nav-link” href=“https://www.elianagrosof.com/{{ .URL }}”>{{ .Name | lower }}

and did the same for my footer. I used my .Site.BaseURL parameter when I could, but just re-typed the baseURL when I couldn’t access it easily.