更换 logo

This commit is contained in:
YDZ
2020-03-28 20:08:07 +08:00
parent ed488266af
commit ae75f59b67
392 changed files with 0 additions and 8373 deletions

View File

@ -0,0 +1,317 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Buttons # Buttons are styled links that can lead to local page or external link.
Example # {{&lt; button relref=&#34;/&#34; [class=&#34;...&#34;] &gt;}}Get Home{{&lt; /button &gt;}} {{&lt; button href=&#34;https://github.com/alex-shpak/hugo-book&#34; &gt;}}Contribute{{&lt; /button &gt;}} Get Home Contribute ">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Buttons # Buttons are styled links that can lead to local page or external link.
Example # {{&lt; button relref=&#34;/&#34; [class=&#34;...&#34;] &gt;}}Get Home{{&lt; /button &gt;}} {{&lt; button href=&#34;https://github.com/alex-shpak/hugo-book&#34; &gt;}}Contribute{{&lt; /button &gt;}} Get Home Contribute " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/buttons/" />
<title>Buttons | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/"class=active>Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Buttons</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#buttons">Buttons</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="buttons">
Buttons
<a class="anchor" href="#buttons">#</a>
</h1>
<p>Buttons are styled links that can lead to local page or external link.</p>
<h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">button</span> <span style="color:#a6e22e">relref</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/&#34;</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;...&#34;</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>Get Home<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">button</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">button</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://github.com/alex-shpak/hugo-book&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>Contribute<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">button</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div><p>
<a href="/leetcode/" class="book-btn">
Get Home
</a>
<a href="https://github.com/alex-shpak/hugo-book" target="_blank" class="book-btn">
Contribute
</a>
</p>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#buttons">Buttons</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,334 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Columns # Columns help organize shorter pieces of content horizontally for readability.
{{&lt; columns &gt;}} &lt;!-- begin columns block --&gt; # Left Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic sparator, between columns --&gt; # Mid Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic sparator, between columns --&gt; # Right Content Lorem markdownum insigne... {{&lt; /columns &gt;}} Example # Left Content Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Columns # Columns help organize shorter pieces of content horizontally for readability.
{{&lt; columns &gt;}} &lt;!-- begin columns block --&gt; # Left Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic sparator, between columns --&gt; # Mid Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic sparator, between columns --&gt; # Right Content Lorem markdownum insigne... {{&lt; /columns &gt;}} Example # Left Content Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/columns/" />
<title>Columns | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/"class=active>Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Columns</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#columns">Columns</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="columns">
Columns
<a class="anchor" href="#columns">#</a>
</h1>
<p>Columns help organize shorter pieces of content horizontally for readability.</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-html" data-lang="html">{{&lt; <span style="color:#f92672">columns</span> &gt;}} <span style="color:#75715e">&lt;!-- begin columns block --&gt;</span>
# Left Content
Lorem markdownum insigne...
&lt;<span style="color:#f92672">---</span>&gt; <span style="color:#75715e">&lt;!-- magic sparator, between columns --&gt;</span>
# Mid Content
Lorem markdownum insigne...
&lt;<span style="color:#f92672">---</span>&gt; <span style="color:#75715e">&lt;!-- magic sparator, between columns --&gt;</span>
# Right Content
Lorem markdownum insigne...
{{&lt; /<span style="color:#f92672">columns</span> &gt;}}
</code></pre></div><h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="book-columns flex flex-wrap">
<div class="flex-even markdown-inner">
<h2 id="left-content">Left Content</h2>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
Miseratus fonte Ditis conubia.
</div>
<div class="flex-even markdown-inner">
<h2 id="mid-content">Mid Content</h2>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter!
</div>
<div class="flex-even markdown-inner">
<h2 id="right-content">Right Content</h2>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
Miseratus fonte Ditis conubia.
</div>
</div>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#columns">Columns</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,310 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
Example # {{&lt; details &#34;Title&#34; [open] &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} {{&lt; details title=&#34;Title&#34; open=true &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} Title Markdown content Lorem markdownum insigne&hellip; ">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
Example # {{&lt; details &#34;Title&#34; [open] &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} {{&lt; details title=&#34;Title&#34; open=true &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} Title Markdown content Lorem markdownum insigne&hellip; " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/details/" />
<title>Details | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Details</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#details">Details</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="details">
Details
<a class="anchor" href="#details">#</a>
</h1>
<p>Details shortcode is a helper for <code>details</code> html5 element. It is going to replace <code>expand</code> shortcode.</p>
<h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">details</span> <span style="color:#e6db74">&#34;Title&#34;</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">open</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
## Markdown content
Lorem markdownum insigne...
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">details</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div><div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">details</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;Title&#34;</span> <span style="color:#a6e22e">open</span><span style="color:#f92672">=</span><span style="color:#66d9ef">true</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
## Markdown content
Lorem markdownum insigne...
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">details</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div><details open>
<summary>Title</summary>
<div class="markdown-inner">
<h2 id="markdown-content">Markdown content</h2>
<p>Lorem markdownum insigne&hellip;
</div>
</details>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#details">Details</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,353 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
Example # Default # {{&lt; expand &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /expand &gt;}} Expand ↕ Markdown content Lorem markdownum insigne&hellip; With Custom Label # {{&lt; expand &#34;Custom Label&#34; &#34;...&#34; &gt;}} ## Markdown content Lorem markdownum insigne.">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
Example # Default # {{&lt; expand &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /expand &gt;}} Expand ↕ Markdown content Lorem markdownum insigne&hellip; With Custom Label # {{&lt; expand &#34;Custom Label&#34; &#34;...&#34; &gt;}} ## Markdown content Lorem markdownum insigne." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/expand/" />
<title>Expand | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/"class=active>Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Expand</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#expand">Expand</a>
<ul>
<li><a href="#example">Example</a>
<ul>
<li><a href="#default">Default</a></li>
<li><a href="#with-custom-label">With Custom Label</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="expand">
Expand
<a class="anchor" href="#expand">#</a>
</h1>
<p>Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.</p>
<h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<h3 id="default">
Default
<a class="anchor" href="#default">#</a>
</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">expand</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
## Markdown content
Lorem markdownum insigne...
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">expand</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div>
<div class="book-expand">
<label>
<div class="book-expand-head flex justify-between">
<span>Expand</span>
<span></span>
</div>
<input type="checkbox" class="hidden" />
<div class="book-expand-content markdown-inner">
<h2 id="markdown-content">Markdown content</h2>
<p>Lorem markdownum insigne&hellip;
</div>
</label>
</div>
<h3 id="with-custom-label">
With Custom Label
<a class="anchor" href="#with-custom-label">#</a>
</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">expand</span> <span style="color:#e6db74">&#34;Custom Label&#34;</span> <span style="color:#e6db74">&#34;...&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
## Markdown content
Lorem markdownum insigne...
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">expand</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div>
<div class="book-expand">
<label>
<div class="book-expand-head flex justify-between">
<span>Custom Label</span>
<span>...</span>
</div>
<input type="checkbox" class="hidden" />
<div class="book-expand-content markdown-inner">
<h2 id="markdown-content">Markdown content</h2>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
Miseratus fonte Ditis conubia.
</div>
</label>
</div>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#expand">Expand</a>
<ul>
<li><a href="#example">Example</a>
<ul>
<li><a href="#default">Default</a></li>
<li><a href="#with-custom-label">With Custom Label</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,322 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Hints # Hint shortcode can be used as hint/alerts/notification block.
There are 3 colors to choose: info, warning and danger.
{{&lt; hint [info|warning|danger] &gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&lt; /hint &gt;}} Example # Markdown content
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Hints # Hint shortcode can be used as hint/alerts/notification block.
There are 3 colors to choose: info, warning and danger.
{{&lt; hint [info|warning|danger] &gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&lt; /hint &gt;}} Example # Markdown content
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/hints/" />
<title>Hints | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/"class=active>Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Hints</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#hints">Hints</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="hints">
Hints
<a class="anchor" href="#hints">#</a>
</h1>
<p>Hint shortcode can be used as hint/alerts/notification block.<br>
There are 3 colors to choose: <code>info</code>, <code>warning</code> and <code>danger</code>.</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">hint</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">info</span><span style="color:#f92672">|</span><span style="color:#a6e22e">warning</span><span style="color:#f92672">|</span><span style="color:#a6e22e">danger</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
**Markdown content**
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">hint</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div><h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<blockquote class="book-hint info">
<strong>Markdown content</strong><br>
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
</blockquote>
<blockquote class="book-hint warning">
<strong>Markdown content</strong><br>
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
</blockquote>
<blockquote class="book-hint danger">
<strong>Markdown content</strong><br>
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
</blockquote>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#hints">Hints</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,268 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/" />
<title>Shortcodes | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<link rel="alternate" type="application/rss+xml" href="https://books.halfrost.com/leetcode/docs/shortcodes/index.xml" title="LeetCode Cookbook" />
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Shortcodes</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents"></nav>
</aside>
</header>
<article class="markdown"></article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents"></nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,97 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>LeetCode Cookbook</title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/</link>
<description>Recent content on LeetCode Cookbook</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<atom:link href="https://books.halfrost.com/leetcode/docs/shortcodes/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/buttons/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/buttons/</guid>
<description>Buttons # Buttons are styled links that can lead to local page or external link.
Example # {{&amp;lt; button relref=&amp;#34;/&amp;#34; [class=&amp;#34;...&amp;#34;] &amp;gt;}}Get Home{{&amp;lt; /button &amp;gt;}} {{&amp;lt; button href=&amp;#34;https://github.com/alex-shpak/hugo-book&amp;#34; &amp;gt;}}Contribute{{&amp;lt; /button &amp;gt;}} Get Home Contribute </description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/columns/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/columns/</guid>
<description>Columns # Columns help organize shorter pieces of content horizontally for readability.
{{&amp;lt; columns &amp;gt;}} &amp;lt;!-- begin columns block --&amp;gt; # Left Content Lorem markdownum insigne... &amp;lt;---&amp;gt; &amp;lt;!-- magic sparator, between columns --&amp;gt; # Mid Content Lorem markdownum insigne... &amp;lt;---&amp;gt; &amp;lt;!-- magic sparator, between columns --&amp;gt; # Right Content Lorem markdownum insigne... {{&amp;lt; /columns &amp;gt;}} Example # Left Content Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!</description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/details/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/details/</guid>
<description>Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
Example # {{&amp;lt; details &amp;#34;Title&amp;#34; [open] &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /details &amp;gt;}} {{&amp;lt; details title=&amp;#34;Title&amp;#34; open=true &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /details &amp;gt;}} Title Markdown content Lorem markdownum insigne&amp;hellip; </description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/expand/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/expand/</guid>
<description>Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
Example # Default # {{&amp;lt; expand &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /expand &amp;gt;}} Expand ↕ Markdown content Lorem markdownum insigne&amp;hellip; With Custom Label # {{&amp;lt; expand &amp;#34;Custom Label&amp;#34; &amp;#34;...&amp;#34; &amp;gt;}} ## Markdown content Lorem markdownum insigne.</description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/hints/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/hints/</guid>
<description>Hints # Hint shortcode can be used as hint/alerts/notification block.
There are 3 colors to choose: info, warning and danger.
{{&amp;lt; hint [info|warning|danger] &amp;gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&amp;lt; /hint &amp;gt;}} Example # Markdown content
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content</description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/katex/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/katex/</guid>
<description>KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
Example # {{&amp;lt; katex [display] [class=&amp;#34;text-center&amp;#34;] &amp;gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&amp;lt; /katex &amp;gt;}} \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Text continues here.</description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/mermaid/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/mermaid/</guid>
<description>Mermaid Chart # Mermaid is library for generating svg charts and diagrams from text.
Example # {{&amp;lt; mermaid [class=&amp;#34;text-center&amp;#34;]&amp;gt;}} sequenceDiagram Alice-&amp;gt;&amp;gt;Bob: Hello Bob, how are you? alt is sick Bob-&amp;gt;&amp;gt;Alice: Not so good :( else is well Bob-&amp;gt;&amp;gt;Alice: Feeling fresh like a daisy end opt Extra response Bob-&amp;gt;&amp;gt;Alice: Thanks for asking end {{&amp;lt; /mermaid &amp;gt;}} mermaid.initialize({ flowchart: { useMaxWidth:true } }); sequenceDiagram Alice-Bob: Hello Bob, how are you?</description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/tabs/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/tabs/</guid>
<description>Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
{{&amp;lt; tabs &amp;#34;uniqueid&amp;#34; &amp;gt;}} {{&amp;lt; tab &amp;#34;MacOS&amp;#34; &amp;gt;}} # MacOS Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab &amp;#34;Linux&amp;#34; &amp;gt;}} # Linux Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab &amp;#34;Windows&amp;#34; &amp;gt;}} # Windows Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; /tabs &amp;gt;}} Example # MacOS MacOS This is tab MacOS content.
Lorem markdownum insigne. Olympo signis Delphis!</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,330 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
Example # {{&lt; katex [display] [class=&#34;text-center&#34;] &gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&lt; /katex &gt;}} \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Text continues here.">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
Example # {{&lt; katex [display] [class=&#34;text-center&#34;] &gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&lt; /katex &gt;}} \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\] Text continues here." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/katex/" />
<title>Katex | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/"class=active>Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Katex</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#katex">KaTeX</a>
<ul>
<li><a href="#example">Example</a></li>
<li><a href="#display-mode-example">Display Mode Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="katex">
KaTeX
<a class="anchor" href="#katex">#</a>
</h1>
<p>KaTeX shortcode let you render math typesetting in markdown document. See
<a href="https://katex.org/">KaTeX</a></p>
<h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="book-columns flex flex-wrap">
<div class="flex-even markdown-inner">
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-latex" data-lang="latex">{{&lt; katex [display] [class=&#34;text-center&#34;] &gt;}}
f(x) = <span style="color:#66d9ef">\int</span>_{-<span style="color:#66d9ef">\infty</span>}^<span style="color:#66d9ef">\infty\hat</span> f(<span style="color:#66d9ef">\xi</span>)<span style="color:#66d9ef">\,</span>e^{2 <span style="color:#66d9ef">\pi</span> i <span style="color:#66d9ef">\xi</span> x}<span style="color:#66d9ef">\,</span>d<span style="color:#66d9ef">\xi</span>
{{&lt; /katex &gt;}}
</code></pre></div>
</div>
<div class="flex-even markdown-inner">
<link rel="stylesheet" href="/leetcode/katex/katex.min.css" />
<script defer src="/leetcode/katex/katex.min.js"></script>
<script defer src="/leetcode/katex/auto-render.min.js" onload="renderMathInElement(document.body);"></script><span>
\[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\]
</span>
</div>
</div>
<h2 id="display-mode-example">
Display Mode Example
<a class="anchor" href="#display-mode-example">#</a>
</h2>
<p>Here is some inline example: <span>
\(\pi(x)\)
</span>
, rendered in the same line. And below is <code>display</code> example, having <code>display: block</code>
<span>
\[f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi\]
</span>
Text continues here.</p>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#katex">KaTeX</a>
<ul>
<li><a href="#example">Example</a></li>
<li><a href="#display-mode-example">Display Mode Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,335 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mermaid Chart # Mermaid is library for generating svg charts and diagrams from text.
Example # {{&lt; mermaid [class=&#34;text-center&#34;]&gt;}} sequenceDiagram Alice-&gt;&gt;Bob: Hello Bob, how are you? alt is sick Bob-&gt;&gt;Alice: Not so good :( else is well Bob-&gt;&gt;Alice: Feeling fresh like a daisy end opt Extra response Bob-&gt;&gt;Alice: Thanks for asking end {{&lt; /mermaid &gt;}} mermaid.initialize({ flowchart: { useMaxWidth:true } }); sequenceDiagram Alice-Bob: Hello Bob, how are you?">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Mermaid Chart # Mermaid is library for generating svg charts and diagrams from text.
Example # {{&lt; mermaid [class=&#34;text-center&#34;]&gt;}} sequenceDiagram Alice-&gt;&gt;Bob: Hello Bob, how are you? alt is sick Bob-&gt;&gt;Alice: Not so good :( else is well Bob-&gt;&gt;Alice: Feeling fresh like a daisy end opt Extra response Bob-&gt;&gt;Alice: Thanks for asking end {{&lt; /mermaid &gt;}} mermaid.initialize({ flowchart: { useMaxWidth:true } }); sequenceDiagram Alice-Bob: Hello Bob, how are you?" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/mermaid/" />
<title>Mermaid | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/"class=active>Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Mermaid</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#mermaid-chart">Mermaid Chart</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="mermaid-chart">
Mermaid Chart
<a class="anchor" href="#mermaid-chart">#</a>
</h1>
<p>
<a href="https://mermaidjs.github.io/">Mermaid</a> is library for generating svg charts and diagrams from text.</p>
<h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="book-columns flex flex-wrap">
<div class="flex-even markdown-inner">
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">mermaid</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;text-center&#34;</span><span style="color:#f92672">]&gt;</span><span style="color:#75715e">}}</span>
sequenceDiagram
Alice-&gt;&gt;Bob: Hello Bob, how are you?
alt is sick
Bob-&gt;&gt;Alice: Not so good :(
else is well
Bob-&gt;&gt;Alice: Feeling fresh like a daisy
end
opt Extra response
Bob-&gt;&gt;Alice: Thanks for asking
end
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">mermaid</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div>
</div>
<div class="flex-even markdown-inner">
<script src="/leetcode/mermaid.min.js"></script>
<script>
mermaid.initialize({
flowchart: { useMaxWidth:true }
});
</script>
<p class="mermaid">
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
alt is sick
Bob->>Alice: Not so good :(
else is well
Bob->>Alice: Feeling fresh like a daisy
end
opt Extra response
Bob->>Alice: Thanks for asking
end
</div>
</div>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#mermaid-chart">Mermaid Chart</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,313 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Section # Section renders pages in section as definition list, using title and description.
Example # {{&lt; section &gt;}} Page1 Page 1 # Page2 Page 2 # ">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/section/" />
<title>Section | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<link rel="alternate" type="application/rss+xml" href="https://books.halfrost.com/leetcode/docs/shortcodes/section/index.xml" title="LeetCode Cookbook" />
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Section</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#section">Section</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="section">
Section
<a class="anchor" href="#section">#</a>
</h1>
<p>Section renders pages in section as definition list, using title and description.</p>
<h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">section</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div><dl>
<dt>
<a href="/leetcode/docs/shortcodes/section/page1/">Page1</a>
</dt>
<dd>
Page 1 #
</dd>
<dt>
<a href="/leetcode/docs/shortcodes/section/page2/">Page2</a>
</dt>
<dd>
Page 2 #
</dd>
</dl>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#section">Section</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>LeetCode Cookbook</title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/section/</link>
<description>Recent content on LeetCode Cookbook</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<atom:link href="https://books.halfrost.com/leetcode/docs/shortcodes/section/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/section/page1/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/section/page1/</guid>
<description>Page 1 # </description>
</item>
<item>
<title></title>
<link>https://books.halfrost.com/leetcode/docs/shortcodes/section/page2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://books.halfrost.com/leetcode/docs/shortcodes/section/page2/</guid>
<description>Page 2 # </description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,279 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page 1 # ">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Page 1 # " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/section/page1/" />
<title>Page1 | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Page1</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#page-1">Page 1</a></li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="page-1">
Page 1
<a class="anchor" href="#page-1">#</a>
</h1>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#page-1">Page 1</a></li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,279 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page 2 # ">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Page 2 # " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/section/page2/" />
<title>Page2 | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/">Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Page2</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#page-2">Page 2</a></li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="page-2">
Page 2
<a class="anchor" href="#page-2">#</a>
</h1>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#page-2">Page 2</a></li>
</ul>
</nav>
</aside>
</main>
</body>
</html>

View File

@ -0,0 +1,331 @@
<!DOCTYPE html>
<html lang="en" dir=>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
{{&lt; tabs &#34;uniqueid&#34; &gt;}} {{&lt; tab &#34;MacOS&#34; &gt;}} # MacOS Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Linux&#34; &gt;}} # Linux Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Windows&#34; &gt;}} # Windows Content {{&lt; /tab &gt;}} {{&lt; /tabs &gt;}} Example # MacOS MacOS This is tab MacOS content.
Lorem markdownum insigne. Olympo signis Delphis!">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
<meta property="og:description" content="Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
{{&lt; tabs &#34;uniqueid&#34; &gt;}} {{&lt; tab &#34;MacOS&#34; &gt;}} # MacOS Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Linux&#34; &gt;}} # Linux Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Windows&#34; &gt;}} # Windows Content {{&lt; /tab &gt;}} {{&lt; /tabs &gt;}} Example # MacOS MacOS This is tab MacOS content.
Lorem markdownum insigne. Olympo signis Delphis!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://books.halfrost.com/leetcode/docs/shortcodes/tabs/" />
<title>Tabs | LeetCode Cookbook</title>
<link rel="manifest" href="/leetcode/manifest.json">
<link rel="icon" href="/leetcode/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/leetcode/book.min.6cd8553a6854f4812343f0f0c8baca31271e686434f381fbe3c7226f66639176.css" integrity="sha256-bNhVOmhU9IEjQ/DwyLrKMSceaGQ084H748cib2ZjkXY=">
<script defer src="/leetcode/en.search.min.b89b298482a620ecdc3740829351c9d8b19cc485f00b83eaf4b57f44e1cb7e23.js" integrity="sha256-uJsphIKmIOzcN0CCk1HJ2LGcxIXwC4Pq9LV/ROHLfiM="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
</head>
<body dir=>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/leetcode"><span>LeetCode Cookbook</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<ul>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
被人嘲笑的梦想
</a>
</li>
<li>
<a href="https://github.com/halfrost" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="https://halfrost.com" target="_blank" rel="noopener">
微信公众号
</a>
</li>
<li>
<a href="https://twitter.com/halffrost" target="_blank" rel="noopener">
Twitter
</a>
</li>
<li>
<a href="https://weibo.com/halfrost" target="_blank" rel="noopener">
Weibo
</a>
</li>
</ul>
<ul>
<li>
<p>
<a href="/leetcode/docs/example/"><strong>Example Site</strong></a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/example/table-of-contents/">Table of Contents</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/table-of-contents/with-toc/">With ToC</a></li>
<li>
<a href="/leetcode/docs/example/table-of-contents/without-toc/">Without ToC</a></li>
</ul>
</li>
<li>
<p>
<a href="/leetcode/docs/example/collapsed/">Collapsed</a></p>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/">3rd</a>
<ul>
<li>
<a href="/leetcode/docs/example/collapsed/3rd-level/4th-level/">4th</a>
<br /></li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>Shortcodes</strong></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/buttons/">Buttons</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/columns/">Columns</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/expand/">Expand</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/hints/">Hints</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/katex/">Katex</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/mermaid/">Mermaid</a></p>
</li>
<li>
<p>
<a href="/leetcode/docs/shortcodes/tabs/"class=active>Tabs</a>
<br /></p>
</li>
</ul>
<ul>
<li>
<a href="/leetcode/posts/" >
Blog
</a>
</li>
</ul>
</nav>
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/leetcode/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Tabs</strong>
<label for="toc-control">
<img src="/leetcode/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#tabs">Tabs</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="tabs">
Tabs
<a class="anchor" href="#tabs">#</a>
</h1>
<p>Tabs let you organize content by context, for example installation instructions for each supported platform.</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tabs</span> <span style="color:#e6db74">&#34;uniqueid&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;MacOS&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span> # MacOS Content <span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;Linux&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span> # Linux Content <span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;Windows&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span> # Windows Content <span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tabs</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
</code></pre></div><h2 id="example">
Example
<a class="anchor" href="#example">#</a>
</h2>
<div class="book-tabs"><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-0" checked="checked" />
<label for="tabs-uniqueid-0">MacOS</label>
<div class="book-tabs-content markdown-inner"><h1 id="macos">MacOS</h1>
<p>This is tab <strong>MacOS</strong> content.</p>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
Miseratus fonte Ditis conubia.</p>
</div><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-1" />
<label for="tabs-uniqueid-1">Linux</label>
<div class="book-tabs-content markdown-inner"><h1 id="linux">Linux</h1>
<p>This is tab <strong>Linux</strong> content.</p>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
Miseratus fonte Ditis conubia.</p>
</div><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-2" />
<label for="tabs-uniqueid-2">Windows</label>
<div class="book-tabs-content markdown-inner"><h1 id="windows">Windows</h1>
<p>This is tab <strong>Windows</strong> content.</p>
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
Miseratus fonte Ditis conubia.</p>
</div></div>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
</div>
</footer>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<nav id="TableOfContents">
<ul>
<li><a href="#tabs">Tabs</a>
<ul>
<li><a href="#example">Example</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
</main>
</body>
</html>