The Icon image lost on the Gitlab Pages

I run smoothly on my localhost, however, when I deploy my code to Gitlab Pages, the icon appeared in the local host all lost, is there any reason?

here is the project

Thank everyone, the icon appear smoothly by copy the font under the theme to under the project

You would need to share your code in order for us to see what’s going on. Please see Requesting Help.


That is a link to the GitLab sign in page :slight_smile:

1 Like

I have changed the permission setting from internal to public,thx

What icons are you talking about?

I have added the screenshot above,thx.

I’m not sure what the issue is but for me, I can see the house icon on both localhost and your live website. The GitLab icon in the footer is missing on the live site though.

1 Like

The problem is to do with how the external dependencies (like FontAwesome) are being loaded.

When I look at the Web Console in Firefox, it seems that it’s trying to load the dependencies for the test server

Blocked loading mixed active content "http://localhost:1313/dist/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0"[Learn More]

Then have a look at the css file which Hugo builds there’s loads of references to localhost:1313.

I’m not familiar with building on gitlab, but my guess is the mistake is somewhere in either how the extended version of hugo works with gitlab pages, or with what you’re pushing into your git repository.


yeah, I just looked at the inspector in Firefox too, and I don7t see anything in the head that loads the font awesome library. I see an icon with some small characters in it, but, not the bars icon that this is calling:

 <i class="fa fa-bars" aria-hidden="true"></i>
1 Like

@RickCogley I had a look at the theme. The fontawesome library is loaded through externalDependencies.scss

1 Like

ah! Hence the name. Thanks, I’m an idiot!

@RickCogley - nah, not an idiot. It took a bit of digging. The theme is really well put together, but not how I’ve normally seen things done.