307 lines
30 KiB
XML
307 lines
30 KiB
XML
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Introduction on My New Hugo Site</title><link>https://example.org/</link><description>Recent content in Introduction on My New Hugo Site</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Sun, 28 Sep 2014 00:00:00 +0000</lastBuildDate><atom:link href="https://example.org/index.xml" rel="self" type="application/rss+xml"/><item><title>With ToC</title><link>https://example.org/docs/example/table-of-contents/with-toc/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/example/table-of-contents/with-toc/</guid><description><h1 id="caput-vino-delphine-in-tamen-vias">
|
|
Caput vino delphine in tamen vias
|
|
<a class="anchor" href="#caput-vino-delphine-in-tamen-vias">#</a>
|
|
</h1>
|
|
<h2 id="cognita-laeva-illo-fracta">
|
|
Cognita laeva illo fracta
|
|
<a class="anchor" href="#cognita-laeva-illo-fracta">#</a>
|
|
</h2>
|
|
<p>Lorem markdownum pavent auras, surgit nunc cingentibus libet <strong>Laomedonque que</strong>
|
|
est. Pastor <a href="http://est.org/ire.aspx">An</a> arbor filia foedat, ne <a href="http://www.indiciumturbam.org/moramquid.php">fugit
|
|
aliter</a>, per. Helicona illas et
|
|
callida neptem est <em>Oresitrophos</em> caput, dentibus est venit. Tenet reddite
|
|
<a href="http://www.antro-et.net/">famuli</a> praesentem fortibus, quaeque vis foret si
|
|
frondes <em>gelidos</em> gravidae circumtulit <a href="http://incurvasustulit.io/illi-virtute.html">inpulit armenta
|
|
nativum</a>.</p>
|
|
<ol>
|
|
<li>Te at cruciabere vides rubentis manebo</li>
|
|
<li>Maturuit in praetemptat ruborem ignara postquam habitasse</li>
|
|
<li>Subitarum supplevit quoque fontesque venabula spretis modo</li>
|
|
<li>Montis tot est mali quasque gravis</li>
|
|
<li>Quinquennem domus arsit ipse</li>
|
|
<li>Pellem turis pugnabant locavit</li>
|
|
</ol>
|
|
<h2 id="natus-quaerere">
|
|
Natus quaerere
|
|
<a class="anchor" href="#natus-quaerere">#</a>
|
|
</h2>
|
|
<p>Pectora et sine mulcere, coniuge dum tincta incurvae. Quis iam; est dextra
|
|
Peneosque, metuis a verba, primo. Illa sed colloque suis: magno: gramen, aera
|
|
excutiunt concipit.</p></description></item><item><title>Without ToC</title><link>https://example.org/docs/example/table-of-contents/without-toc/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/example/table-of-contents/without-toc/</guid><description><h1 id="at-me-ipso-nepotibus-nunc-celebratior-genus">
|
|
At me ipso nepotibus nunc celebratior genus
|
|
<a class="anchor" href="#at-me-ipso-nepotibus-nunc-celebratior-genus">#</a>
|
|
</h1>
|
|
<h2 id="tanto-oblite">
|
|
Tanto oblite
|
|
<a class="anchor" href="#tanto-oblite">#</a>
|
|
</h2>
|
|
<p>Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque
|
|
illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro
|
|
clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens
|
|
vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat
|
|
admonitu concidit, ad resimas vultus et rugas vultu <strong>dignamque</strong> Siphnon.</p>
|
|
<p>Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt
|
|
dixit: ritu pharetramque. Exul Laurenti orantem modo, per densum missisque labor
|
|
manibus non colla unum, obiectat. Tu pervia collo, fessus quae Cretenque Myconon
|
|
crate! Tegumenque quae invisi sudore per vocari quaque plus ventis fluidos. Nodo
|
|
perque, fugisse pectora sorores.</p></description></item><item><title>Creating a New Theme</title><link>https://example.org/posts/creating-a-new-theme/</link><pubDate>Sun, 28 Sep 2014 00:00:00 +0000</pubDate><guid>https://example.org/posts/creating-a-new-theme/</guid><description><h2 id="introduction">
|
|
Introduction
|
|
<a class="anchor" href="#introduction">#</a>
|
|
</h2>
|
|
<p>This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.</p>
|
|
<p>We&rsquo;ll start with creating a new site with a very basic template. Then we&rsquo;ll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.</p></description></item><item><title>Migrate to Hugo from Jekyll</title><link>https://example.org/posts/migrate-from-jekyll/</link><pubDate>Mon, 10 Mar 2014 00:00:00 +0000</pubDate><guid>https://example.org/posts/migrate-from-jekyll/</guid><description><h2 id="move-static-content-to-static">
|
|
Move static content to <code>static</code>
|
|
<a class="anchor" href="#move-static-content-to-static">#</a>
|
|
</h2>
|
|
<p>Jekyll has a rule that any directory not starting with <code>_</code> will be copied as-is to the <code>_site</code> output. Hugo keeps all static content under <code>static</code>. You should therefore move it all there.
|
|
With Jekyll, something that looked like</p>
|
|
<pre><code>▾ &lt;root&gt;/
|
|
▾ images/
|
|
logo.png
|
|
</code></pre>
|
|
<p>should become</p>
|
|
<pre><code>▾ &lt;root&gt;/
|
|
▾ static/
|
|
▾ images/
|
|
logo.png
|
|
</code></pre>
|
|
<p>Additionally, you&rsquo;ll want any files that should reside at the root (such as <code>CNAME</code>) to be moved to <code>static</code>.</p></description></item><item><title>(Hu)go Template Primer</title><link>https://example.org/posts/goisforlovers/</link><pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate><guid>https://example.org/posts/goisforlovers/</guid><description><p>Hugo uses the excellent <a href="https://golang.org/">Go</a> <a href="https://golang.org/pkg/html/template/">html/template</a> library for
|
|
its template engine. It is an extremely lightweight engine that provides a very
|
|
small amount of logic. In our experience that it is just the right amount of
|
|
logic to be able to create a good static website. If you have used other
|
|
template systems from different languages or frameworks you will find a lot of
|
|
similarities in Go templates.</p>
|
|
<p>This document is a brief primer on using Go templates. The <a href="https://golang.org/pkg/html/template/">Go docs</a>
|
|
provide more details.</p></description></item><item><title>Getting Started with Hugo</title><link>https://example.org/posts/hugoisforlovers/</link><pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate><guid>https://example.org/posts/hugoisforlovers/</guid><description><h2 id="step-1-install-hugo">
|
|
Step 1. Install Hugo
|
|
<a class="anchor" href="#step-1-install-hugo">#</a>
|
|
</h2>
|
|
<p>Go to <a href="https://github.com/spf13/hugo/releases">Hugo releases</a> and download the
|
|
appropriate version for your OS and architecture.</p>
|
|
<p>Save it somewhere specific as we will be using it in the next step.</p>
|
|
<p>More complete instructions are available at <a href="https://gohugo.io/getting-started/installing/">Install Hugo</a></p>
|
|
<h2 id="step-2-build-the-docs">
|
|
Step 2. Build the Docs
|
|
<a class="anchor" href="#step-2-build-the-docs">#</a>
|
|
</h2>
|
|
<p>Hugo has its own example site which happens to also be the documentation site
|
|
you are reading right now.</p>
|
|
<p>Follow the following steps:</p></description></item><item><title/><link>https://example.org/docs/example/collapsed/3rd-level/4th-level/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/example/collapsed/3rd-level/4th-level/</guid><description><h1 id="4th-level-of-menu">
|
|
4th Level of Menu
|
|
<a class="anchor" href="#4th-level-of-menu">#</a>
|
|
</h1>
|
|
<h2 id="caesorum-illa-tu-sentit-micat-vestes-papyriferi">
|
|
Caesorum illa tu sentit micat vestes papyriferi
|
|
<a class="anchor" href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">#</a>
|
|
</h2>
|
|
<p>Inde aderam facti; Theseus vis de tauri illa peream. Oculos <strong>uberaque</strong> non
|
|
regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo;
|
|
gestanda nitidi, vero? Dum ne pectoraque testantur.</p>
|
|
<p>Venasque repulsa Samos qui, exspectatum eram animosque hinc, <a href="http://www.creveratnon.net/apricaaetheriis">aut
|
|
manes</a>, Assyrii. Cupiens auctoribus
|
|
pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae
|
|
iusto! Sedes ante dum superest <strong>extrema</strong>.</p></description></item><item><title/><link>https://example.org/docs/example/hidden/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/example/hidden/</guid><description><h1 id="this-page-is-hidden-in-menu">
|
|
This page is hidden in menu
|
|
<a class="anchor" href="#this-page-is-hidden-in-menu">#</a>
|
|
</h1>
|
|
<h1 id="quondam-non-pater-est-dignior-ille-eurotas">
|
|
Quondam non pater est dignior ille Eurotas
|
|
<a class="anchor" href="#quondam-non-pater-est-dignior-ille-eurotas">#</a>
|
|
</h1>
|
|
<h2 id="latent-te-facies">
|
|
Latent te facies
|
|
<a class="anchor" href="#latent-te-facies">#</a>
|
|
</h2>
|
|
<p>Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus,
|
|
frementes, qui in vel. Hippotades Peleus <a href="http://gratia.net/tot-qua.php">pennas
|
|
conscia</a> cuiquam Caeneus quas.</p>
|
|
<ul>
|
|
<li>Pater demittere evincitque reddunt</li>
|
|
<li>Maxime adhuc pressit huc Danaas quid freta</li>
|
|
<li>Soror ego</li>
|
|
<li>Luctus linguam saxa ultroque prior Tatiumque inquit</li>
|
|
<li>Saepe liquitur subita superata dederat Anius sudor</li>
|
|
</ul>
|
|
<h2 id="cum-honorum-latona">
|
|
Cum honorum Latona
|
|
<a class="anchor" href="#cum-honorum-latona">#</a>
|
|
</h2>
|
|
<p>O fallor <a href="http://www.spectataharundine.org/aquas-relinquit.html">in sustinui
|
|
iussorum</a> equidem.
|
|
Nymphae operi oris alii fronde parens dumque, in auro ait mox ingenti proxima
|
|
iamdudum maius?</p></description></item><item><title/><link>https://example.org/docs/shortcodes/buttons/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/buttons/</guid><description><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 tabindex="0" 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="display:flex;"><span><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></span><span style="display:flex;"><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>
|
|
</span></span></code></pre></div><p><a href="https://example.org/" class="book-btn">Get Home</a>
|
|
|
|
<a href="https://github.com/alex-shpak/hugo-book" target="_blank" rel="noopener" class="book-btn">Contribute</a>
|
|
</p></description></item><item><title/><link>https://example.org/docs/shortcodes/columns/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/columns/</guid><description><h1 id="columns">
|
|
Columns
|
|
<a class="anchor" href="#columns">#</a>
|
|
</h1>
|
|
<p>Columns help organize shorter pieces of content horizontally for readability.</p>
|
|
<h2 id="example">
|
|
Example
|
|
<a class="anchor" href="#example">#</a>
|
|
</h2>
|
|
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>{{% columns [ratio=&#34;1:1&#34;] [class=&#34;...&#34;] %}} <span style="color:#75715e">&lt;!-- begin columns block --&gt;</span>
|
|
</span></span><span style="display:flex;"><span># Left Content
|
|
</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
|
|
</span></span><span style="display:flex;"><span>
|
|
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">---</span>&gt; <span style="color:#75715e">&lt;!-- magic separator, between columns --&gt;</span>
|
|
</span></span><span style="display:flex;"><span>
|
|
</span></span><span style="display:flex;"><span># Mid Content
|
|
</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
|
|
</span></span><span style="display:flex;"><span>
|
|
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">---</span>&gt; <span style="color:#75715e">&lt;!-- magic separator, between columns --&gt;</span>
|
|
</span></span><span style="display:flex;"><span>
|
|
</span></span><span style="display:flex;"><span># Right Content
|
|
</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
|
|
</span></span><span style="display:flex;"><span>{{% /columns %}}
|
|
</span></span></code></pre></div><!-- raw HTML omitted -->
|
|
<h3 id="left-content">
|
|
Left Content
|
|
<a class="anchor" href="#left-content">#</a>
|
|
</h3>
|
|
<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></description></item><item><title/><link>https://example.org/docs/shortcodes/details/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/details/</guid><description><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 tabindex="0" 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="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</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">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span>## Markdown content
|
|
</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">details</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" 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="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</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">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span>## Markdown content
|
|
</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">details</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span></code></pre></div><!-- raw HTML omitted -->
|
|
<h2 id="markdown-content">
|
|
Markdown content
|
|
<a class="anchor" href="#markdown-content">#</a>
|
|
</h2>
|
|
<p>Lorem markdownum insigne&hellip;</p>
|
|
<!-- raw HTML omitted --></description></item><item><title/><link>https://example.org/docs/shortcodes/hints/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/hints/</guid><description><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 tabindex="0" 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="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</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">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span>**Markdown content**
|
|
</span></span><span style="display:flex;"><span>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
|
|
</span></span><span style="display:flex;"><span>stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">hint</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span></code></pre></div><h2 id="example">
|
|
Example
|
|
<a class="anchor" href="#example">#</a>
|
|
</h2>
|
|
<!-- raw HTML omitted -->
|
|
<p><strong>Markdown content</strong><br>
|
|
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
|
|
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa</p></description></item><item><title/><link>https://example.org/docs/shortcodes/mermaid/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/mermaid/</guid><description><h1 id="mermaid-chart">
|
|
Mermaid Chart
|
|
<a class="anchor" href="#mermaid-chart">#</a>
|
|
</h1>
|
|
<p><a href="https://mermaid-js.github.io/">MermaidJS</a> is library for generating svg charts and diagrams from text.</p>
|
|
<!-- raw HTML omitted -->
|
|
<p><strong>Override Mermaid initialization config</strong><br>
|
|
To override the <a href="https://mermaid-js.github.io/mermaid/#/Setup">initialization config</a> for Mermaid,
|
|
create a <code>mermaid.json</code> file in your <code>assets</code> folder!</p>
|
|
<!-- raw HTML omitted -->
|
|
<h2 id="example">
|
|
Example
|
|
<a class="anchor" href="#example">#</a>
|
|
</h2>
|
|
<!-- raw HTML omitted -->
|
|
<div class="highlight"><pre tabindex="0" 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="display:flex;"><span><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;...&#34;</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span>stateDiagram-v2
|
|
</span></span><span style="display:flex;"><span> State1: The state with a note
|
|
</span></span><span style="display:flex;"><span> note right of State1
|
|
</span></span><span style="display:flex;"><span> Important information! You can write
|
|
</span></span><span style="display:flex;"><span> notes.
|
|
</span></span><span style="display:flex;"><span> end note
|
|
</span></span><span style="display:flex;"><span> State1 --&gt; State2
|
|
</span></span><span style="display:flex;"><span> note left of State2 : This is the note to the left.
|
|
</span></span><span style="display:flex;"><span><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>
|
|
</span></span></code></pre></div><!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted --></description></item><item><title/><link>https://example.org/docs/shortcodes/section/first-page/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/section/first-page/</guid><description><h1 id="first-page">
|
|
First page
|
|
<a class="anchor" href="#first-page">#</a>
|
|
</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></description></item><item><title/><link>https://example.org/docs/shortcodes/section/second-page/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/section/second-page/</guid><description><h1 id="second-page">
|
|
Second Page
|
|
<a class="anchor" href="#second-page">#</a>
|
|
</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></description></item><item><title/><link>https://example.org/docs/shortcodes/tabs/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/tabs/</guid><description><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 tabindex="0" 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="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#a6e22e">tabs</span> <span style="color:#e6db74">&#34;id&#34;</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;MacOS&#34;</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span> # MacOS Content <span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;Linux&#34;</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span> # Linux Content <span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;Windows&#34;</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span> # Windows Content <span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tabs</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
|
|
</span></span></code></pre></div><h2 id="example">
|
|
Example
|
|
<a class="anchor" href="#example">#</a>
|
|
</h2>
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted --></description></item><item><title>KaTeX</title><link>https://example.org/docs/shortcodes/katex/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://example.org/docs/shortcodes/katex/</guid><description><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>
|
|
<!-- raw HTML omitted -->
|
|
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-latex" data-lang="latex"><span style="display:flex;"><span>{{&lt; katex display=true &gt;}}
|
|
</span></span><span style="display:flex;"><span>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>
|
|
</span></span><span style="display:flex;"><span>{{&lt; /katex &gt;}}
|
|
</span></span></code></pre></div><!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
<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></description></item></channel></rss> |