GitHub pages look different locally #22249

ukoehler · 2020-11-19T20:09:12Z

ukoehler
Nov 19, 2020

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

Answered by otter-computer

Nov 20, 2020

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 gi…

View full answer

otter-computer · 2020-11-20T13:18:16Z

otter-computer
Nov 20, 2020

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.

0 replies

ukoehler · 2020-11-20T19:57:55Z

ukoehler
Nov 20, 2020
Author

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

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GitHub Community

GitHub pages look different locally #22249

{{title}}

Replies: 2 comments

{{title}}

{{title}}

Select a reply

GitHub Community

GitHub pages look different locally #22249

ukoehler Nov 19, 2020

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

Replies: 2 comments

otter-computer Nov 20, 2020

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

ukoehler Nov 20, 2020 Author

ukoehler
Nov 19, 2020

otter-computer
Nov 20, 2020

ukoehler
Nov 20, 2020
Author