search

mrmierzejewski / hugo-theme-console

A minimal, responsive and light theme for Hugo inspired by Linux console.
MIT License
393 stars 118 forks source link

Images losing resolution #30

Open unobatbayar opened 2 years ago

unobatbayar commented 2 years ago

Hello,

Thanks for creating this theme! It's amazing.

I would like to ask; The images are losing their resolution when it's shown on either pages (home, photos). Is it due to the resize function making images lose resolution drastically? Or some kind of compression issue?

Anyway, Is there any fix to this? Please help.

Also, I'll try to solve it too.

JosueGauthier commented 9 months ago

Hello,

I had this problem before. I solve it by replacing this line in ./themes/hugo-theme-console/layouts/gallery/single.html line 8 


{{ printf `<img src="%s" alt="% s" class="img-responsive gallery-image">` $thumb.RelPermalink .Title | safeHTML }}

By this line : 


<img src="{{ $image.RelPermalink }}" alt="% s" class="img-responsive gallery-image" width="{{ $image.Width }}">

I didn't try to figure out what this line was for: $thumb.RelPermalink .Title | safeHTML }}?

I do also this in the ./themes/hugo-theme-console/layouts/gallery/list.html and in the index.html file.

@mrmierzejewski what the purpose of $thumb.RelPermalink .Title | safeHTML }} ? I can also do a pull request if wanted.

Thanks,