giersig.eu/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

fix: add eleventy:ignore to photo images and render photos in post template

Browse Source
This commit is contained in:
Ricardo
2026-01-28 22:25:48 +01:00
parent f9af152efd
commit 13f8876298
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
_includes/layouts/post.njk
View File

@@ -40,6 +40,19 @@ withBlogSidebar: true
<p class="p-summary e-bridgy-mastodon-content e-bridgy-bluesky-content hidden">{% if bookmarkedUrl %}🔖 {{ bookmarkedUrl }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% elif likedUrl %}❤️ {{ likedUrl }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% elif replyTo %}↩️ {{ replyTo }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% elif repostedUrl %}🔁 {{ repostedUrl }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% else %}{{ bridgySummary }}{% endif %}</p>
{% endif %}
{# Render photo(s) from frontmatter for photo posts - use eleventy:ignore to skip image transform #}
{% if photo %}
<div class="photo-gallery mb-6">
{% for img in photo %}
{% set photoUrl = img.url %}
{% if photoUrl and photoUrl[0] != '/' and 'http' not in photoUrl %}
{% set photoUrl = '/' + photoUrl %}
{% endif %}
<img src="{{ photoUrl }}" alt="{{ img.alt | default('Photo') }}" class="u-photo rounded-lg max-w-full" loading="lazy" eleventy:ignore>
{% endfor %}
</div>
{% endif %}
<div class="e-content prose prose-surface dark:prose-invert max-w-none">
{{ content | safe }}
</div>

7
photos.njk
View File

@@ -17,19 +17,16 @@ permalink: /photos/
{{ post.date | dateDisplay }}
</time>
</div>
{# Render photo(s) from frontmatter #}
{# Render photo(s) from frontmatter - use eleventy:ignore to skip image transform #}
{% if post.data.photo %}
<pre style="display:none" class="debug-photo">{{ post.data.photo | dump | safe }}</pre>
<div class="photo-gallery">
{% for img in post.data.photo %}
<pre style="display:none" class="debug-url">RAW:{{ img.url }}:END</pre>
{% set photoUrl = img.url %}
{% if photoUrl and photoUrl[0] != '/' and 'http' not in photoUrl %}
{% set photoUrl = '/' + photoUrl %}
{% endif %}
<pre style="display:none" class="debug-final">FINAL:{{ photoUrl }}:END</pre>
<a href="{{ post.url }}" class="photo-link">
<img src="{{ photoUrl }}" alt="{{ img.alt | default('Photo') }}" class="u-photo" loading="lazy">
<img src="{{ photoUrl }}" alt="{{ img.alt | default('Photo') }}" class="u-photo" loading="lazy" eleventy:ignore>
</a>
{% endfor %}
</div>