https://joeyang1412.github.io/hugo-theme-spectra/tags/images/Recent content in Images on Spectra DemoHugoenSat, 01 Mar 2025 00:00:00 +0000https://joeyang1412.github.io/hugo-theme-spectra/posts/feature-tour/images-and-lightbox/Sat, 01 Mar 2025 00:00:00 +0000https://joeyang1412.github.io/hugo-theme-spectra/posts/feature-tour/images-and-lightbox/<h2 id="cover-image">Cover Image</h2> <p>That big image at the top of this post? That&rsquo;s the cover image. Setting it up is dead simple — just add one line to your front matter:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="nt">cover</span><span class="p">:</span><span class="w"> </span><span class="s2">&#34;images/demo01.jpg&#34;</span><span class="w"> </span></span></span></code></pre></div><p>The cover image automatically gets a gradient overlay so your title text doesn&rsquo;t get lost against the background. If you don&rsquo;t want a cover image, just leave it as an empty string <code>&quot;&quot;</code>.</p> <h2 id="inserting-images">Inserting Images</h2> <p>Standard Markdown syntax works just fine:</p>