<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Markdown on example</title><link>https://foxihd.github.io/hugo-foxx/en/tags/markdown/</link><description>Recent Posts in Markdown on example</description><generator>Hugo 0.161.1</generator><language>en-GB</language><lastBuildDate>Tue, 19 May 2026 16:10:01 +0000</lastBuildDate><atom:link href="https://foxihd.github.io/hugo-foxx/en/tags/markdown/index.xml" rel="self" type="application/rss+xml"/><item><title>Markdown Test</title><link>https://foxihd.github.io/hugo-foxx/en/test/markdown-test/</link><pubDate>Sun, 26 Jan 2025 00:00:00 +0000</pubDate><dc:creator>Author Name</dc:creator><guid>https://foxihd.github.io/hugo-foxx/en/test/markdown-test/</guid><description>Various sample Markdown, HTML and MathML test</description><content:encoded>&lt;p&gt;&lt;span class="letterine"&gt;&lt;i&gt;T&lt;/i&gt;his is example of span with letterine class.&lt;/span&gt;
You need set the &lt;code&gt;markup.goldmark.unsafe&lt;/code&gt; and &lt;code&gt;markup.goldmark.renderer.unsafe&lt;/code&gt; parameter in &lt;code&gt;config.toml&lt;/code&gt; to write html directly, but this is not recommended.

&lt;input id="marginpar-0" class="marginpar-ctrl" type="checkbox" aria-label="Additional Notes" aria-controls="the-marginpar-0" hidden&gt;
&lt;label for="marginpar-0" tabindex="0" aria-label="Additional Notes" aria-controls="the-marginpar-0"&gt;&lt;/label&gt;
&lt;span id="the-marginpar-0" class="marginpar " role="note"&gt;And this is marginpar.
&lt;strong&gt;Bold text&lt;/strong&gt;,
&lt;em&gt;Italic text&lt;/em&gt;,
&lt;em&gt;&lt;strong&gt;Bold and italic text&lt;/strong&gt;&lt;/em&gt;,
&lt;del&gt;Strikethrough text&lt;/del&gt;, and
&lt;a href="https://example.com" target="_blank" rel="external noopener noreferrer nofollow"&gt;Link&lt;/a&gt;
&amp;mdash;also works.&lt;/span&gt;
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.&lt;/p&gt;

&lt;blockquote role="complementary"&gt;
 &lt;span class="lemma textssc" role="heading"&gt;Lemma&lt;/span&gt;
 This is theorem environment&amp;mdash;will have counter.
&lt;/blockquote&gt;

&lt;input id="marginpar-2" class="marginpar-ctrl" type="checkbox" aria-label="Additional Notes" aria-controls="the-marginpar-2" hidden&gt;
&lt;label for="marginpar-2" tabindex="0" aria-label="Additional Notes" aria-controls="the-marginpar-2"&gt;&lt;/label&gt;
&lt;span id="the-marginpar-2" class="marginpar abs" role="note"&gt;
&lt;math display="block"&gt;
 &lt;semantics&gt;
 &lt;mrow&gt;&lt;mstyle scriptlevel="0" displaystyle="true"&gt;&lt;mo&gt;∮&lt;/mo&gt;&lt;mover accent="true"&gt;&lt;mrow&gt;&lt;mi&gt;F&lt;/mi&gt;&lt;/mrow&gt;&lt;mo&gt;⃗&lt;/mo&gt;&lt;/mover&gt;&lt;mo&gt;⋅&lt;/mo&gt;&lt;mi&gt;d&lt;/mi&gt;&lt;mover accent="true"&gt;&lt;mrow&gt;&lt;mi&gt;s&lt;/mi&gt;&lt;/mrow&gt;&lt;mo&gt;⃗&lt;/mo&gt;&lt;/mover&gt;&lt;mo&gt;=&lt;/mo&gt;&lt;mn&gt;0&lt;/mn&gt;&lt;/mstyle&gt;&lt;/mrow&gt;
 &lt;annotation encoding="application/x-tex"&gt;\displaystyle \oint \vec{F} \cdot d\vec{s}=0&lt;/annotation&gt;
 &lt;/semantics&gt;
&lt;/math&gt;
&lt;p&gt;Please note that while the marginpar support MathML, the display and counter may not works as intended. Please use KaTeX or MathJax instead.&lt;/p&gt;
&lt;/span&gt;
&lt;p&gt;This page do not load with KaTeX nor MathJax script,
While all equations on this page is native MathML, the browser supports may vary.&lt;/p&gt;
&lt;math class=textwidth display=block&gt;
 &lt;semantics&gt;
 &lt;mrow&gt;&lt;mstyle scriptlevel="0" displaystyle="true"&gt;&lt;mfrac&gt;&lt;mrow&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;/mrow&gt;&lt;mrow&gt;&lt;mo fence="true"&gt;(&lt;/mo&gt;&lt;msqrt&gt;&lt;mrow&gt;&lt;mi&gt;ϕ&lt;/mi&gt;&lt;msqrt&gt;&lt;mrow&gt;&lt;mn&gt;5&lt;/mn&gt;&lt;/mrow&gt;&lt;/msqrt&gt;&lt;/mrow&gt;&lt;/msqrt&gt;&lt;mo&gt;−&lt;/mo&gt;&lt;mi&gt;ϕ&lt;/mi&gt;&lt;mo fence="true"&gt;)&lt;/mo&gt;&lt;msup&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mrow&gt;&lt;mfrac&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;mn&gt;5&lt;/mn&gt;&lt;/mfrac&gt;&lt;mi&gt;π&lt;/mi&gt;&lt;/mrow&gt;&lt;/msup&gt;&lt;/mrow&gt;&lt;/mfrac&gt;&lt;mstyle&gt;&lt;mspace width="0.1em"&gt;&lt;/mspace&gt;&lt;mpadded width="0px"&gt;&lt;mrow&gt;&lt;mrow&gt;&lt;/mrow&gt;&lt;/mrow&gt;&lt;/mpadded&gt;&lt;mpadded width="0px"&gt;&lt;mrow&gt;&lt;mrow&gt;&lt;/mrow&gt;&lt;/mrow&gt;&lt;/mpadded&gt;&lt;mpadded width="0px"&gt;&lt;mrow&gt;&lt;mrow&gt;&lt;/mrow&gt;&lt;/mrow&gt;&lt;/mpadded&gt;&lt;mspace width="1.5em"&gt;&lt;/mspace&gt;&lt;/mstyle&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mfrac&gt;&lt;mrow&gt;&lt;msup&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mrow&gt;&lt;mo&gt;−&lt;/mo&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;mi&gt;π&lt;/mi&gt;&lt;/mrow&gt;&lt;/msup&gt;&lt;/mrow&gt;&lt;mrow&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mfrac&gt;&lt;mrow&gt;&lt;msup&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mrow&gt;&lt;mo&gt;−&lt;/mo&gt;&lt;mn&gt;4&lt;/mn&gt;&lt;mi&gt;π&lt;/mi&gt;&lt;/mrow&gt;&lt;/msup&gt;&lt;/mrow&gt;&lt;mrow&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mfrac&gt;&lt;mrow&gt;&lt;msup&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mrow&gt;&lt;mo&gt;−&lt;/mo&gt;&lt;mn&gt;6&lt;/mn&gt;&lt;mi&gt;π&lt;/mi&gt;&lt;/mrow&gt;&lt;/msup&gt;&lt;/mrow&gt;&lt;mrow&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mfrac&gt;&lt;mrow&gt;&lt;msup&gt;&lt;mi&gt;e&lt;/mi&gt;&lt;mrow&gt;&lt;mo&gt;−&lt;/mo&gt;&lt;mn&gt;8&lt;/mn&gt;&lt;mi&gt;π&lt;/mi&gt;&lt;/mrow&gt;&lt;/msup&gt;&lt;/mrow&gt;&lt;mrow&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mo&gt;⋯&lt;/mo&gt;&lt;/mrow&gt;&lt;/mfrac&gt;&lt;/mrow&gt;&lt;/mfrac&gt;&lt;/mrow&gt;&lt;/mfrac&gt;&lt;/mrow&gt;&lt;/mfrac&gt;&lt;/mstyle&gt;&lt;/mrow&gt;
 &lt;annotation encoding="application/x-tex"&gt;\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} \equiv 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }&lt;/annotation&gt;
 &lt;/semantics&gt;
&lt;/math&gt;
&lt;h2 id="heading-2"&gt;Heading 2&lt;/h2&gt;
&lt;p&gt;First paragraph will not indent.
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.&lt;/p&gt;
&lt;p&gt;Second paragraph and after will indent.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;This is a blockquote&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Nested blockquote&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;h3 id="heading-3"&gt;Heading 3&lt;/h3&gt;

&lt;input id="marginpar-3" class="marginpar-ctrl" type="checkbox" aria-label="Additional Notes" aria-controls="the-marginpar-3" hidden&gt;
&lt;label for="marginpar-3" tabindex="0" aria-label="Additional Notes" aria-controls="the-marginpar-3"&gt;&lt;/label&gt;
&lt;div id="the-marginpar-3" class="marginpar abs" role="note"&gt;&lt;p&gt;Example table on &lt;kbd&gt;marginpar&lt;/kbd&gt; shortcode with &lt;mark&gt;"abs"&lt;/mark&gt; attribute to support flowing content:&lt;/p&gt;
&lt;table style="text-align:center"&gt;
 &lt;thead&gt;
 &lt;tr&gt;&lt;th colspan=2&gt;Number&lt;/th&gt;&lt;th&gt;Alphabeth&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;A&lt;/td&gt;&lt;/tr&gt;
 &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;B&lt;/td&gt;&lt;/tr&gt;
 &lt;tr&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;C&lt;/td&gt;&lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;Ordered list item 1&lt;/li&gt;
&lt;li&gt;Ordered list item 2
&lt;ul&gt;
&lt;li&gt;Nested unordered item&lt;/li&gt;
&lt;li&gt;Another nested item&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Ordered list item 3&lt;/li&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;Unordered list item&lt;/li&gt;
&lt;li&gt;Another item
&lt;ul&gt;
&lt;li&gt;Nested item&lt;/li&gt;
&lt;li&gt;Another nested item&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id="heading-4"&gt;Heading 4&lt;/h4&gt;
&lt;p&gt;&lt;img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Domestic_cat_sitting_by_door.jpg/640px-Domestic_cat_sitting_by_door.jpg" alt="Image alt text"&gt;&lt;/p&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;Header 1&lt;/th&gt;
 &lt;th&gt;Header 2&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;Cell 1&lt;/td&gt;
 &lt;td&gt;Cell 2&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Cell 3&lt;/td&gt;
 &lt;td&gt;Cell 4&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Task list:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked="" disabled="" type="checkbox"&gt; Completed task&lt;/li&gt;
&lt;li&gt;&lt;input disabled="" type="checkbox"&gt; Incomplete task&lt;/li&gt;
&lt;/ul&gt;
&lt;h5 id="heading-5"&gt;Heading 5&lt;/h5&gt;
&lt;p&gt;Here&amp;rsquo;s some &lt;code&gt;inline code&lt;/code&gt; and some &lt;em&gt;&lt;strong&gt;combined&lt;/strong&gt;&lt;/em&gt; formatting.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s some block code:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;// code block with four space
def hello_world():
 print(&amp;quot;Hello, World!&amp;quot;)
&lt;/code&gt;&lt;/pre&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-js" data-lang="js"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;// Code block with syntax highlighting
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;greeting&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="sb"&gt;`Hello, &lt;/span&gt;&lt;span class="si"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="sb"&gt;!`&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h6 id="heading-6"&gt;Heading 6&lt;/h6&gt;
&lt;p&gt;Heading level 6 will show as inline paragraph.
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.&lt;/p&gt;

&lt;blockquote role="complementary"&gt;
 &lt;span class="lemma textssc" role="heading"&gt;Lemma&lt;/span&gt;
 Another theorem shortcode with lorem ipsum dolor sit amet.
&lt;/blockquote&gt;
&lt;math class=textwidth display=block&gt;
 &lt;semantics&gt;
 &lt;mrow&gt;&lt;mstyle scriptlevel="0" displaystyle="true"&gt;&lt;mi&gt;f&lt;/mi&gt;&lt;mo&gt;(&lt;/mo&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;mo&gt;)&lt;/mo&gt;&lt;mo&gt;=&lt;/mo&gt;&lt;mrow&gt;&lt;mo fence="true"&gt;{&lt;/mo&gt;&lt;mtable&gt;&lt;mtr&gt;&lt;mtd&gt;&lt;mstyle scriptlevel="0" displaystyle="false"&gt;&lt;mrow&gt;&lt;mfrac&gt;&lt;mrow&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;/mrow&gt;&lt;mrow&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/mrow&gt;&lt;/mfrac&gt;&lt;mo separator="true"&gt;,&lt;/mo&gt;&lt;/mrow&gt;&lt;/mstyle&gt;&lt;/mtd&gt;&lt;mtd&gt;&lt;mstyle scriptlevel="0" displaystyle="false"&gt;&lt;mrow&gt;&lt;mtext&gt;if&amp;nbsp;&lt;/mtext&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;mtext&gt;&amp;nbsp;is&amp;nbsp;even&lt;/mtext&gt;&lt;/mrow&gt;&lt;/mstyle&gt;&lt;/mtd&gt;&lt;/mtr&gt;&lt;mtr&gt;&lt;mtd&gt;&lt;mstyle scriptlevel="0" displaystyle="false"&gt;&lt;mrow&gt;&lt;mn&gt;3&lt;/mn&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;mo&gt;+&lt;/mo&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mo separator="true"&gt;,&lt;/mo&gt;&lt;/mrow&gt;&lt;/mstyle&gt;&lt;/mtd&gt;&lt;mtd&gt;&lt;mstyle scriptlevel="0" displaystyle="false"&gt;&lt;mrow&gt;&lt;mtext&gt;if&amp;nbsp;&lt;/mtext&gt;&lt;mi&gt;n&lt;/mi&gt;&lt;mtext&gt;&amp;nbsp;is&amp;nbsp;odd&lt;/mtext&gt;&lt;/mrow&gt;&lt;/mstyle&gt;&lt;/mtd&gt;&lt;/mtr&gt;&lt;/mtable&gt;&lt;/mrow&gt;&lt;/mstyle&gt;&lt;/mrow&gt;
 &lt;annotation encoding="application/x-tex"&gt;\displaystyle f(n) = \begin{cases} \frac{n}{2}, &amp;amp; \text{if } n\text{ is even} \\ 3n+1, &amp;amp; \text{if } n\text{ is odd} \end{cases}&lt;/annotation&gt;
 &lt;/semantics&gt;
&lt;/math&gt;</content:encoded><category>Latex</category></item></channel></rss>