Hugo site not rendering on github pages

support
1

Hi!
I have created a portfolio using Hugo and deploy it on github pages. The portfolio is rendering properly localy, every thing is fine. baseURL = “name.github.io/” I build it over “ananke” theme.

Drop it on github pages But when i open the site it’s not rendering properly, images are missing, links are broken. Seems like a css problem, checked that there is a main.min.css file in the public folder generated after conversion.

If anyone can help pls.

  • Added the statement: canonifyURLs = true
  • Added the “/” at the end of the baseURL name
  • Converted it to html using ./hugo -D
  • Tried all i can find internet and decided to open an issue.

the link to the repo is repository

2

Sorry if I’m off topic but you’re versioning the HTML produced by Hugo, I’m not sure it’s a good idea.
By the way if you share the source of your code it will be easiest to help you. Your config seems good but if we can try it, it will be better!

1 Like
3

Screenshot 2023-03-23 130343

It is an easy fix, your images and css are not resolving as either absolute or relative links.
So for the first image you want
src=“/images/data.jpg” or “https://yourname.github.io/images/data.jpg”
What you have at the moment is “yourname.github.io/images/data.jpg”

1 Like
4

i have putted the github repo in the issue, u can access to the code.
Thanks in advance

5

Again, your repository contains the HTML produced by Hugo, but not the source code: your Hugo’s config, the templates/layouts, the Markdown files, etc. I can’t help you.
If you just want to correct the HTML, @andrewd72 is correct.

6

Ah sorry for the misunderstanding…
I am trying to fix the html according to @andrewd72 solution, but i want to fix the issue in the source code too so next time i will be ready to go.
Just pushed the source code on the link : https://github.com/azioba/exampleSite_source-code

Thanks

7

Thanks for the reply and the solution. Going to try that , and i will edit this answer to let you know that i fixed it and close the issue

Realy appreciate the help

8

As @andrewd72 said, your URLs have problem, you can correct that in your config.toml file: baseURL = "https://azioba.github.io/"
Try that in first.

1 Like
9

I wasn’t suggesting you fix the output html, just showing where the problem was so that you know where to look to fix the templates and/or config.

1 Like
10

@antoinentl @andrewd72 Thanks , it’s working , really easy fix, just added https in the config file.

Thanks a lot , really appreciate the help.

1 Like
11

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.