Github page not displaying properly, please help #22771
-
Greetings, I am trying to setup a github page using this jekyll theme https://github.com/melvinchng/business-jekyll-theme which itself is hosted on github. I downloaded the zip file, created a local git repository, and made sure the web page can be developed locally. Upon first execution of:
on my local machine, I got the error message of:
Thus I had to update it using I then synced my local repository to my github page at: https://archetype-biomedical.github.io/Archetype-Biomedical/ but as you can see, the webpages are not being generated/displayed properly as compared to the original jekyll theme that is also hosted on the github. Can anyone please shed some lights as what I am doing wrong? I have hosted personal github page using other jekyll theme and had worked well. I must admit that I have not used this particular theme previously until now. any help is very much appreciated, |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
Hi @archetypebiomedical, welcome to the GitHub Support Community! Taking a look in the console for your site it seems like like your assets are 404-ing due to incorrect URLs. From your source code, your assets are being loaded using using a relative link:
This link will resolve to the following URL:
This is happening because of the relative path traversal This CSS file is actually located at the following URL:
Notice the extra The best way to fix this would be to update all your asset links to include this part. You could simply replace The best thing to do would be to use Jekyll to automatically include the To do this you’ll need to update all your asset links to prepend the
GitHub should set this Archetype-Biomedical/Archetype-Biomedical/blob/683b3ea0b50f49e576b8368d586106f2ebc1a612/_config.yml#L21
You can read about the Liquid FiltersAll of the standard Liquid filters are supported (see below). |
Beta Was this translation helpful? Give feedback.
Hi @archetypebiomedical, welcome to the GitHub Support Community!
Taking a look in the console for your site it seems like like your assets are 404-ing due to incorrect URLs. From your source code, your assets are being loaded using using a relative link:
This link will resolve to the following URL:
This is happening because of the relative path traversal
../
at the start of these asset links, causing the browser to traverse up one directory level in your URL.This CSS file is actually located at the following URL: