GitHub pages look different locally

[ukoehler]

Hi there,

I managed to get GitHub pages working locally with Jekyll. The last missing peace is that the theme (dinky) is only applied partially.

GitHub pages:

Screenshot_2020-11-19 Hello World1527×870 18.5 KB

Locally:
(Cannot upload the file, so here are the differences:
Text color in header
Instead of the nice red button, I get the text " This project is maintained by ukoehler"
)
I cannot see any errors in the Firefox web console. Some from the Jekyll output:

bundle exec jekyll serve --trace
Configuration file: /home/ukoehler/GitHubPage/ukoehler.github.io/_config.yml
Source: /home/ukoehler/GitHubPage/ukoehler.github.io
Destination: /home/ukoehler/GitHubPage/ukoehler.github.io/_site
Incremental build: disabled. Enable with --incremental
Generating…
Jekyll Feed: Generating feed for posts
GitHub Metadata: No GitHub API authentication could be found. Some fields may be missing or have incorrect data.
done in 1.44 seconds.
Auto-regeneration: enabled for ‘/home/ukoehler/GitHubPage/ukoehler.github.io’
Server address: http://127.0.0.1:4000
Server running… press ctrl-c to stop.
[2020-11-19 20:54:09] ERROR `/favicon.ico’ not found.

Any help is much appreciated

[otter-computer]

Hi @ukoehler! From what I can see from your repository it looks like the theme is applying correctly. You’ve made some modifications to the default HTML template that has changed the h1 to an h2 resulting in the dark text color.

As for the button issue, it looks like this is because of this section of the template:

github.com

ukoehler/ukoehler.github.io/blob/32167eacbd48333d91ced6ede5c42051172419f4/_layouts/default.html#L21-L29

{% if site.github.is_project_page %}
  <p class="header">This project is maintained by <a class="header name" href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p>
{% endif %}

{% if site.github.is_user_page %}
  <ul>
    <li><a class="buttons github" href="{{ site.github.owner_url }}">GitHub Profile</a></li>
  </ul>
{% endif %}

It’s likely that your local project is mistakenly being seen as a GitHub Project page, but it’s actually a User page on GitHub. This is then triggering the wrong template section to be included in your local environment. If you specifically want one over the other then I’d recommend further modifying your template to only keep the specific HTML from inside the if statement you want to use.

[ukoehler]

Hi @ thomasshaped,

many thanks for your reply. The screen shot is actually from the GitHub page not the local one.

I did indeed change the template from h1 to h2 and found the dark color. That is why I wanted to try it locally for faster turnover. With your help I managed to adapt the local version to behave correctly.

Many thanks for your help!

Uwe