chrisrhymes/bulma-clean-theme

Hero image not loading on Home page

vishalgakhare opened this issue · 4 comments

So, I changed the theme and hero image as follows and deployed:

app.scss =>

$primary: #044592;
// Import Main CSS file from theme
@import "main";

_config.yml =>

defaults:
  -
    scope:
      path: ""
      type: "pages"
    values:
      show_sidebar: true
      hero_image: ../img/hero.png

The hero image is loaded on all the pages but Home.
The apparent reason is, the requested URL to the hero image post-publish is:
https://github-pages.com/org/repo/img/hero.png non-Home page.
https://github-pages.com/org/img/hero.png 🚫 Home page.

Why would that be so?

Try changing the path to

hero_image: /img/hero.png

Using the ../ syntax works for relative paths, but won't work unless the path always resolves. Using / syntax is an absolute link and should resolve no matter where in the heirarchy, as it always relates to the root of the directory.

@1RedOne Tried both these configurations but result is unchanged.

hero_image: /img/hero.png
hero_image: https://github-pages.com/org/repo/img/hero.png

Maybe it's git-hub pages issue.

I haven't encountered this issue before, maybe check you have set your url: in the _config.yml file?

I didn't set url in the _config.yml. The github publishing would fail with the url. For the time, I'm not using hero-img and just getting by with the theme.