Use resize_image built-in fx to make image URLs

This commit is contained in:
Brooke 2023-06-16 13:32:17 -07:00
parent 74521c02b5
commit 4f3e58d1c2
No known key found for this signature in database
GPG key ID: 56C4CCAEB8BD5307

View file

@ -1,8 +1,10 @@
{% if src %} {% if src %}
{# If the image's URL is internal to the site... #} {# If the image's URL is internal to the site... #}
{% if src is not starting_with("http") %} {% if src is not starting_with("http") %}
{# ... then prepend the site's base URL to the image's URL. #} {# ... then convert the page's colocated_path attribute to a string so it can be concatenated... #}
{% set src = config.base_url ~ src %} {% set colocated_path = page.colocated_path | as_str %}
{# ... and use `resize_image` to get image's URL for colocated blog posts and non-colocated blog posts. #}
{% set image = resize_image(path=colocated_path ~ src, width=5000, height=5000, op="fit") %}
{% endif %} {% endif %}
<img src="{{ src | safe }}"{% if alt %} alt="{{ alt }}"{% endif %} class="{% if position %}{{ position }}{% else -%} center {%- endif %}" {%- if style %} style="{{ style | safe }}" {%- endif %} decoding="async" loading="lazy"/> <img src="{{ src | safe }}"{% if alt %} alt="{{ alt }}"{% endif %} class="{% if position %}{{ position }}{% else -%} center {%- endif %}" {%- if style %} style="{{ style | safe }}" {%- endif %} decoding="async" loading="lazy"/>
{% endif %} {% endif %}