https://lab.artkov-info.ru/tags/%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/Recent content in Галерея on Hugo Тема StackHugo -- gohugo.ioru-ruMon, 26 Jan 2026 00:00:00 +0000https://lab.artkov-info.ru/2026/01/image-gallery/Mon, 26 Jan 2026 00:00:00 +0000https://lab.artkov-info.ru/2026/01/image-gallery/<img src="https://lab.artkov-info.ru/2026/01/image-gallery/helena-hertz-wWZzXlDpMog-unsplash.jpg" alt="Featured image of post Фотогалерея" /><p>Тема имеет встроенную функцию фотогалереи. Создавайте красивые галереи, просто располагая несколько изображений рядом.</p> <h2 id="пример-галереи">Пример Галереи </h2><p><img alt="Photo by Florian Klauer on Unsplash" class="gallery-image" data-flex-basis="160px" data-flex-grow="66" height="1000" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://lab.artkov-info.ru/2026/01/image-gallery/florian-klauer-nptLmg6jqDo-unsplash.jpg" width="667"> <img alt="Photo by Luca Bravo on Unsplash" class="gallery-image" data-flex-basis="359px" data-flex-grow="149" height="667" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://lab.artkov-info.ru/2026/01/image-gallery/luca-bravo-alS7ewQ41M8-unsplash.jpg" srcset="https://lab.artkov-info.ru/2026/01/image-gallery/luca-bravo-alS7ewQ41M8-unsplash_hu_33106cec50e27d6d.jpg 800w, https://lab.artkov-info.ru/2026/01/image-gallery/luca-bravo-alS7ewQ41M8-unsplash.jpg 1000w" width="1000"></p> <p><img alt="Photo by Helena Hertz on Unsplash" class="gallery-image" data-flex-basis="320px" data-flex-grow="133" height="750" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://lab.artkov-info.ru/2026/01/image-gallery/helena-hertz-wWZzXlDpMog-unsplash.jpg" srcset="https://lab.artkov-info.ru/2026/01/image-gallery/helena-hertz-wWZzXlDpMog-unsplash_hu_6c237bc498d55aea.jpg 800w, https://lab.artkov-info.ru/2026/01/image-gallery/helena-hertz-wWZzXlDpMog-unsplash.jpg 1000w" width="1000"> <img alt="Photo by Hudai Gayiran on Unsplash" class="gallery-image" data-flex-basis="160px" data-flex-grow="66" height="1000" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://lab.artkov-info.ru/2026/01/image-gallery/hudai-gayiran-3Od_VKcDEAA-unsplash.jpg" width="667"></p> <h2 id="структура">Структура </h2><p>Галерея <strong>Photoswipe</strong> и свои собственные внутренние сценарии. Оптимальный макет автоматически рассчитывается на основе соотношения сторон изображения.</p> <p>Чтобы создать галерею, просто разместите несколько изображений в одной строке (или в одном абзаце).</p> <h3 id="синтаксис">синтаксис </h3><div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Изображение 1</span>](<span class="na">image1.jpg</span>) ![<span class="nt">Изображение 2</span>](<span class="na">image2.jpg</span>) </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">![<span class="nt">Изображение 3</span>](<span class="na">image3.jpg</span>) ![<span class="nt">Изображение 4</span>](<span class="na">image4.jpg</span>) </span></span></code></pre></td></tr></table> </div> </div> <blockquote> <p><strong>Важно</strong>: <strong>Markdown</strong> Между изображениями должно быть два промежутка, чтобы они располагались на одной линии.。</p> </blockquote> <hr> <p>Синтаксис галереи: <a class="link" href="https://typlog.com/" target="_blank" rel="noopener" >Typlog</a> вдохновлен.</p>