https://www.purpleleaf.top/en/ Recent content on Shenxianju Hugo -- gohugo.io en Mon, 26 Jan 2026 00:00:00 +0000 https://www.purpleleaf.top/en/posts/image-gallery/ Mon, 26 Jan 2026 00:00:00 +0000 https://www.purpleleaf.top/en/posts/image-gallery/ <img src="https://www.purpleleaf.top/posts/image-gallery/helena-hertz-wWZzXlDpMog-unsplash.jpg" alt="Featured image of post Image Gallery" /><p>Stack theme has a built-in support for image galleries. It allows you to create a beautiful gallery by simply placing multiple images side-by-side.</p> <h2 id="sample-gallery">Sample Gallery </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://www.purpleleaf.top/posts/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://www.purpleleaf.top/posts/image-gallery/luca-bravo-alS7ewQ41M8-unsplash.jpg" srcset="https://www.purpleleaf.top/posts/image-gallery/luca-bravo-alS7ewQ41M8-unsplash_hu_33106cec50e27d6d.jpg 800w, https://www.purpleleaf.top/posts/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://www.purpleleaf.top/posts/image-gallery/helena-hertz-wWZzXlDpMog-unsplash.jpg" srcset="https://www.purpleleaf.top/posts/image-gallery/helena-hertz-wWZzXlDpMog-unsplash_hu_6c237bc498d55aea.jpg 800w, https://www.purpleleaf.top/posts/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://www.purpleleaf.top/posts/image-gallery/hudai-gayiran-3Od_VKcDEAA-unsplash.jpg" width="667"></p> https://www.purpleleaf.top/en/posts/shortcodes/ Mon, 26 Jan 2026 00:00:00 +0000 https://www.purpleleaf.top/en/posts/shortcodes/ <p>Stack theme also provides some custom shortcodes to enhance your content.</p> https://www.purpleleaf.top/en/posts/markdown-syntax/ Sun, 25 Jan 2026 00:00:00 +0000 https://www.purpleleaf.top/en/posts/markdown-syntax/ <img src="https://www.purpleleaf.top/posts/markdown-syntax/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> https://www.purpleleaf.top/en/posts/math-typesetting/ Sat, 24 Jan 2026 00:00:00 +0000 https://www.purpleleaf.top/en/posts/math-typesetting/ <p>The Stack theme supports rendering mathematical notation using <a class="link" href="https://katex.org/" target="_blank" rel="noopener" >KaTeX</a>.</p> https://www.purpleleaf.top/en/posts/mermaid-diagrams/ Tue, 23 Dec 2025 00:00:00 +0000 https://www.purpleleaf.top/en/posts/mermaid-diagrams/ <p>This theme supports <a class="link" href="https://mermaid.js.org/" target="_blank" rel="noopener" >Mermaid</a> diagrams directly in your Markdown content. Mermaid lets you create diagrams and visualizations using text and code.</p>