https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/Recent content in Shortcodes on MonochromeHugo -- gohugo.ioenkaiiizkaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/bookcase/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/bookcase/ <h1 class="header-anchor-wrapper">Bookcase <a href="#bookcase" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Render bookcase layout</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; bookcase section=&quot;&quot; /&gt;}} </code></pre> <p><code>section</code>: Content resources. Must be a section. Path can be an absolute path (with <code>/</code> prefix, relative to base URL), or relative path (without <code>/</code>, relative to current path)</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/breadcrumbs/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/breadcrumbs/ <h1 class="header-anchor-wrapper">Breadcrumbs <a href="#breadcrumbs" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Render breadcrumbs navigation</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; breadcrumbs /&gt;}} </code></pre> <h2 class="header-anchor-wrapper">Examples <a href="#examples" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code class="language-html">{{&lt; breadcrumbs &gt;}} </code></pre> <div class="content-margin"> <ol class="breadcrumbs"> <li><a href="https://kaiiiz.github.io/hugo-theme-monochrome/">Home</a></li><li><span>/</span></li><li><a href="https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/">Shortcodes</a></li><li><span>/</span></li><li><a href="https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/breadcrumbs/">Breadcrumbs</a></li> </ol> </div>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/codepen/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/codepen/ <h1 class="header-anchor-wrapper">CodePen <a href="#codepen" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Embedded codepen to page.</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; codepen id=&quot;&quot; &gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/color-block/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/color-block/ <h1 class="header-anchor-wrapper">Color Block <a href="#color-block" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>A block with color</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; color-block style=&quot;&quot; &gt;}} {{&lt; /color-block &gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/emgithub/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/emgithub/ <h1 class="header-anchor-wrapper">Embed github <a href="#embed-github" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Directly embed github source code like gist with Prism.js syntax highlight.</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; emgithub target=&quot;&quot; lang=&quot;&quot; hl=&quot;&quot; tab_size=&quot;&quot; /&gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/icon/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/icon/ <h1 class="header-anchor-wrapper">Icon <a href="#icon" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Monochrome built-in icons.</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; icon vendor=&quot;&quot; name=&quot;&quot; link=&quot;&quot; &gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/icon-group/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/icon-group/ <h1 class="header-anchor-wrapper">Icon Group <a href="#icon-group" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Wrap icons with grid layout</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; icon-group &gt;}} {{&lt; /icon-group &gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/jsfiddle/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/jsfiddle/ <h1 class="header-anchor-wrapper">JSFiddle <a href="#jsfiddle" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Embedded jsfiddle to page.</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; jsfiddle id=&quot;&quot; &gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/recent-posts/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/recent-posts/ <h1 class="header-anchor-wrapper">Recent Posts <a href="#recent-posts" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Render recent posts list</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; recent-posts sortby=&quot;&quot; limit=&quot;&quot; &gt;}} </code></pre> <p>Parameters:</p>https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/terms-cloud/Mon, 01 Jan 0001 00:00:00 +0000kaiiizhttps://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/terms-cloud/ <h1 class="header-anchor-wrapper">Terms Cloud <a href="#terms-cloud" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h1> <p>Render terms cloud, hugo supports <code>tag</code> and <code>category</code> terms by default, if you want to add your custom terms. Follow the instructions in the <a href="https://gohugo.io/content-management/taxonomies/#configure-taxonomies">document</a>.</p> <h2 class="header-anchor-wrapper">Usage <a href="#usage" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <pre><code>{{&lt; terms-cloud terms=&quot;&quot; sortby=&quot;&quot; order=&quot;&quot; /&gt;}} </code></pre> <p>Parameters:</p>