https://hugo-theme-spoon.vercel.app/tags/shortcode/Recent content in Shortcode on Spoon created byHugo -- gohugo.ioennoneback@example.com (NoneBack)noneback@example.com (NoneBack)2024 NoneBack All rights reservedMon, 18 Jul 2022 20:29:08 +0000https://hugo-theme-spoon.vercel.app/blog/rich-content/Mon, 18 Jul 2022 20:29:08 +0000noneback@example.com (NoneBack)https://hugo-theme-spoon.vercel.app/blog/rich-content/<h2 id="figure">figure</h2> <h2 id="ref-in-posts">ref in posts</h2> <p><a href="https://hugo-theme-spoon.vercel.app/blog/videos/">Neat</a> <a href="https://hugo-theme-spoon.vercel.app/blog/videos/#who">Who</a></p> <h2 id="hide-toggle">hide toggle</h2> <p> <details class="toggle"> <summary markdown="span">summary</summary> <div class="code-block" data-language="shell"> <div class="code-block-header"> <div class="code-block-meta"> <span class="code-block-language">shell</span> </div> <div class="code-block-actions"> <button class="copy-code" type="button" aria-label="Copy">Copy</button> </div> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hide value</span></span></code></pre></div> </div> </details> </p> <h3 id="without-summary">without summary</h3> <p> <details class="toggle"> <summary markdown="span">Toggle</summary> <div class="code-block" data-language="shell"> <div class="code-block-header"> <div class="code-block-meta"> <span class="code-block-language">shell</span> </div> <div class="code-block-actions"> <button class="copy-code" type="button" aria-label="Copy">Copy</button> </div> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hide value</span></span></code></pre></div> </div> </details> </p> <h2 id="tab-group-code">tab group code</h2> <div class="tabs tabs-left"> <style> .tabs input#tab-0-0:checked ~ .tab-content-0-0 { display: block; } </style> <input type="radio" class="tab-input" name="tab-select-0" id="tab-0-0" checked/> <label for="tab-0-0" class="tab-label">Hello</label> <div class="tab-content tab-content-0-0"> <div class="code-block" data-language="shell"> <div class="code-block-header"> <div class="code-block-meta"> <span class="code-block-language">shell</span> </div> <div class="code-block-actions"> <button class="copy-code" type="button" aria-label="Copy">Copy</button> </div> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">Hello World!</span></span></code></pre></div> </div> </div> <style> .tabs input#tab-0-1:checked ~ .tab-content-0-1 { display: block; } </style> <input type="radio" class="tab-input" name="tab-select-0" id="tab-0-1" /> <label for="tab-0-1" class="tab-label">Goodbye</label> <div class="tab-content tab-content-0-1"> <div class="code-block" data-language="shell"> <div class="code-block-header"> <div class="code-block-meta"> <span class="code-block-language">shell</span> </div> <div class="code-block-actions"> <button class="copy-code" type="button" aria-label="Copy">Copy</button> </div> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">Goodbye Everybody!</span></span></code></pre></div> </div> </div> </div> <h2 id="tab-group">tab group</h2> <div class="tabs tabs-left"> <style> .tabs input#tab-1-0:checked ~ .tab-content-1-0 { display: block; } </style> <input type="radio" class="tab-input" name="tab-select-1" id="tab-1-0" checked/> <label for="tab-1-0" class="tab-label">MacOS</label> <div class="tab-content tab-content-1-0"> brew install hugo </div> <style> .tabs input#tab-1-1:checked ~ .tab-content-1-1 { display: block; } </style> <input type="radio" class="tab-input" name="tab-select-1" id="tab-1-1" /> <label for="tab-1-1" class="tab-label">Linux</label> <div class="tab-content tab-content-1-1"> apt install hugo </div> <style> .tabs input#tab-1-2:checked ~ .tab-content-1-2 { display: block; } </style> <input type="radio" class="tab-input" name="tab-select-1" id="tab-1-2" /> <label for="tab-1-2" class="tab-label">Window</label> <div class="tab-content tab-content-1-2"> window install hugo </div> </div>