https://mono.youali.me/tags/images/Recent content in Images on MonoHugoen-usSun, 05 Jan 2025 00:00:00 +0000https://mono.youali.me/posts/post-05/Sun, 05 Jan 2025 00:00:00 +0000https://mono.youali.me/posts/post-05/<p>The Mono theme provides several options for incorporating images and media into posts with clean and responsive layouts.</p> <hr> <h2 id="images">Images</h2> <h3 id="image-placement">Image Placement</h3> <p>There are two main ways to organize images in a Hugo site:</p> <p><strong>1. Post Bundle (Recommended)</strong>: Place images alongside the post in a folder, where the markdown file is named <code>index.md</code> and images are in the same directory:</p> <div class="highlight-wrapper"><button type="button" class="copy-button" title="Copy code"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> </button> <pre tabindex="0"><code>content/posts/my-post/ ├── index.md ├── image1.jpg └── image2.png</code></pre> </div> <p>Which is then referenced with:</p>