Github pages not working properly

[jonasskanoy]

Describe the bug
It seems like the gh page is giving me som issue with the sass functions of the website. I forked the al-folio repo, and followed the instructions as shown.

Expected behavior
Expected same result on the gh page as on the local run.

Screenshots
Website with github pages:

Website with local run instance:

System:

• OS: Windows 10, running wsl
• Browser: Brave v.1.31.91
• Jekyll version: 4.2.1
• Ruby version: 2.7.0p0

[jmrplens]

Try this.
In config.yml leave empty the base url

[varunjain3]

I m also facing a similar issue where I am trying to deploy the page. I left the base_url empty as show below:

https://github.com/varunjain3/varunjain3.github.io/blob/439548f88397069b35dfb14c15754eb94de1d216/_config.yml#L18-L19

The deployment says that Github Pages has issues

GitHub Pages failed to build your site.

The tag responsive_image on line 5 in _posts/2015-05-15-images.md is not a recognized Liquid tag.

Where m I going wrong?

[jonasskanoy]

Try this. In config.yml leave empty the base url
When I tried that the page looked like this:

[alshedivat]

please follow instructions on how to deploy the website: https://github.com/alshedivat/al-folio#deployment

[varunjain3]

Even after reading deployment page, i m still facing the problem

[Z-Y00]

For the broken picture, in my case, I believe the whole problem is due to the miss of baseurl
You can see this at my page
The generated webpage point to:
https://z-y00.github.io/assets/img/prof_pic.jpg
But the actual picture is here:
https://z-y00.github.io/academic/assets/img/prof_pic.jpg
academic is the baseurl
@alshedivat I guess you can confirm the issue at my webpage.
https://z-y00.github.io/academic/

For the tag responsive_image, I also met the same problem @varunjain3
I found that if it is deployed via Action and gh-pages branch, then it works out fine.

[alshedivat]

@Z-Y00, thanks for pointing out this. I believe the problem might be related to #451 (all images on the demo page were broken for a short while). should be fixed in #468. please make sure your _includes/responsive_img.html is identical to

al-folio/_includes/responsive_img.html

Lines 1 to 8 in b45b247

	{% assign largest = resized | sort: 'width' | last %}
	{% capture srcset %}
	{% for i in resized %}
	{{ i.path | relative_url }} {{ i.width }}w,
	{% endfor %}
	{% endcapture %}
	<img {% if class %}class="{{ class }}"{% endif %} src="{{ largest.path | relative_url }}" srcset="{{ srcset | strip_newlines }}/ {{ path }} {{ original.width }}w" {% if alt %}alt="{{ alt }}"{% endif %} {% if title %}title="{{ title }}"{% endif %} {% if zoomable %}data-zoomable{% endif %}/>

[Z-Y00]

Thanks for your help! It works!
After the revert of "remove extra space", everything looks good now.