<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Static Site on 5bz.de</title><link>https://www.5bz.de/tags/static-site/</link><description>Privater Blog mit den Themen Software Entwicklung, Fotografie, Musik, Gaming und alles was so vorbei kommt.</description><generator>Hugo</generator><language>de-DE</language><managingEditor>Sven Bautz</managingEditor><webMaster>Sven Bautz</webMaster><atom:link href="https://www.5bz.de/tags/static-site/index.xml" rel="self" type="application/rss+xml"/><lastBuildDate>Tue, 15 Apr 2025 16:07:14 +0200</lastBuildDate><item><title>Page Bundles</title><link>https://www.5bz.de/posts/page-bundles/</link><pubDate>Tue, 15 Apr 2025 16:07:14 +0200</pubDate><guid>https://www.5bz.de/posts/page-bundles/</guid><description>&lt;p&gt;Hugo bietet zwei Arten, Beiträge zu organisieren: &lt;strong&gt;Page Bundles&lt;/strong&gt; und &lt;strong&gt;Regular Pages&lt;/strong&gt;. Wenn du deinen Content ordentlich strukturieren willst – &lt;strong&gt;Bilder, Dateien und Markdown in einem Paket&lt;/strong&gt; –, dann ist das Page Bundle dein bester Freund.&lt;/p&gt;&#10;&lt;h2 id="-was-ist-ein-page-bundle"&gt;🧱 Was ist ein Page Bundle?&lt;/h2&gt;&#10;&lt;p&gt;Ein Page Bundle ist ein Verzeichnis (Ordner), das einen Beitrag (&lt;strong&gt;index.md&lt;/strong&gt;) und beliebige zugehörige Dateien enthält. Es macht die Verwaltung deiner Inhalte übersichtlicher und erlaubt dir, Bilder direkt neben dem Beitrag zu speichern.&lt;/p&gt;</description><content:encoded><![CDATA[<p>Hugo bietet zwei Arten, Beiträge zu organisieren: <strong>Page Bundles</strong> und <strong>Regular Pages</strong>. Wenn du deinen Content ordentlich strukturieren willst – <strong>Bilder, Dateien und Markdown in einem Paket</strong> –, dann ist das Page Bundle dein bester Freund.</p>
<h2 id="-was-ist-ein-page-bundle">🧱 Was ist ein Page Bundle?</h2>
<p>Ein Page Bundle ist ein Verzeichnis (Ordner), das einen Beitrag (<strong>index.md</strong>) und beliebige zugehörige Dateien enthält. Es macht die Verwaltung deiner Inhalte übersichtlicher und erlaubt dir, Bilder direkt neben dem Beitrag zu speichern.</p>
<hr>
<h2 id="-schritt-für-schritt-page-bundle-anlegen">📁 Schritt-für-Schritt: Page Bundle anlegen</h2>
<h3 id="1-neues-page-bundle-erstellen">1. Neues Page Bundle erstellen</h3>
<p>Öffne dein Terminal im Hugo-Projektverzeichnis und gib ein:</p>
<div class="highlight"><pre tabindex="0" style="color:#fff;background-color:#1f1f24;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>hugo new posts/mein-neuer-post/index.md
</span></span></code></pre></div><p>Das erstellt folgende Struktur:</p>
<div class="highlight"><pre tabindex="0" style="color:#fff;background-color:#1f1f24;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>└── posts/
</span></span><span style="display:flex;"><span>    └── mein-neuer-post/
</span></span><span style="display:flex;"><span>        └── index.md
</span></span></code></pre></div><h3 id="2-assets-hinzufügen-zb-bilder">2. Assets hinzufügen (z. B. Bilder)</h3>
<p>Speichere einfach deine Bilder oder andere Dateien im selben Ordner wie die index.md:<br>
<picture>
  <source
    type="image/webp"
    srcset="/posts/page-bundles/post_hu_326bb2b521dc86ae.webp 400w"
    sizes="(min-width: 900px) 680px, calc(100vw - 3rem)">
  <img
    src="/posts/page-bundles/post.png"
    width="400"
    height="400"
    alt="stilisierte Computer Science"
    loading="lazy"
    decoding="async">
</picture></p>
<p>Das Bild wird dann nur auf der Beitragsseite angezeigt und ist nicht global im static/-Ordner zugänglich – besser für Ordnung und Sicherheit.</p>
]]></content:encoded><category>hugo</category><category>page bundle</category><category>markdown</category><category>static site</category></item></channel></rss>