https://yore.zsl0621.cc/blog/Recent content in Blog on YoreHugoen98386542+ZhenShuo2021@users.noreply.github.com (Yore)98386542+ZhenShuo2021@users.noreply.github.com (Yore)Tue, 20 Jan 2026 11:30:00 +0800https://yore.zsl0621.cc/blog/content-example-1/Tue, 20 Jan 2026 11:30:00 +080098386542+ZhenShuo2021@users.noreply.github.com (Yore)https://yore.zsl0621.cc/blog/content-example-1/<p>Basic Markdown example with <code>params.layout: 3-col</code>.</p>https://yore.zsl0621.cc/blog/content-example-2/Tue, 20 Jan 2026 11:30:00 +080098386542+ZhenShuo2021@users.noreply.github.com (Yore)https://yore.zsl0621.cc/blog/content-example-2/<p>Rich-content example with front matter</p> <ul> <li>layout: 2-col</li> <li>pageTocStyle: sidebar</li> <li>pageHeroStyle: background</li> <li>pageFeatureImage: img/07.webp</li> </ul> <h2 id="images"> Images <a class="heading-anchor" href="#images" aria-label="Permalink to 'Images'"></a> </h2><h3 id="basic-markdown-syntax"> Basic Markdown Syntax <a class="heading-anchor" href="#basic-markdown-syntax" aria-label="Permalink to 'Basic Markdown Syntax'"></a> </h3><figure><img alt="qwe" width="400" height="400" src="https://yore.zsl0621.cc/img/animated-webp-supported.webp" srcset="https://yore.zsl0621.cc/img/animated-webp-supported.webp 800w, https://yore.zsl0621.cc/img/animated-webp-supported.webp 1280w" sizes="(min-width: 768px) 50vw, 65vw"><figcaption></figcaption></figure> <h3 id="masonry-shortcode"> Masonry Shortcode <a class="heading-anchor" href="#masonry-shortcode" aria-label="Permalink to 'Masonry Shortcode'"></a> </h3><div class="masonry-container" style="column-count: 3;"><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/01.webp" alt="Biplane" width="1920" height="1078" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/02.webp" alt="Fly high" width="1920" height="1283" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/03.webp" alt="Contrails" width="1920" height="1333" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/04.webp" alt="Parapet" width="1920" height="1280" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/05.webp" alt="Wing" width="1920" height="1440" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/06.webp" alt="Eaves" width="1920" height="1152" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/07.webp" alt="Biplane sunset" width="1920" height="1315" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://yore.zsl0621.cc/img/drop.svg" alt="SVG sample" loading="lazy"> </figure><figure class="masonry-item"> <img src="https://cdn.zsl0621.cc/2025/docs/gemini-imagen-3-git-cover---2025-04-27T17-47-47.webp" alt="External image sample" loading="lazy"> </figure> </div> <h3 id="cols-shortcode"> Cols Shortcode <a class="heading-anchor" href="#cols-shortcode" aria-label="Permalink to 'Cols Shortcode'"></a> </h3><div class="flex-row cols flex gap-4 space-y-0.5 lg:space-y-1"><div class="min-w-0 flex-1" style="flex-basis: 70%;"> <figure><img alt="qwe" width="1920" height="1078" src="https://yore.zsl0621.cc/img/01.webp" srcset="https://yore.zsl0621.cc/img/01_hu_4254d05623157c3c.webp 800w, https://yore.zsl0621.cc/img/01_hu_cb7d939a9710c1ad.webp 1280w" sizes="(min-width: 768px) 50vw, 65vw"></figure> </div><div class="min-w-0 flex-1" style="flex-basis: 30%;"> <p id="typeit-33b03dd65843c370"></p>