diff --git a/404.html b/404.html new file mode 100644 index 0000000..6e1085a --- /dev/null +++ b/404.html @@ -0,0 +1,266 @@ + + + +404 Page not found + + + + + + + + + + + + + +
+
+
+

Not Found

+

This page does not exist

+
+ + + +
+
+ + + + + diff --git a/about-hugo/index.html b/about-hugo/index.html new file mode 100644 index 0000000..2ef7ce2 --- /dev/null +++ b/about-hugo/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/about/ \ No newline at end of file diff --git a/about-us/index.html b/about-us/index.html new file mode 100644 index 0000000..2ef7ce2 --- /dev/null +++ b/about-us/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/about/ \ No newline at end of file diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..ef572a5 --- /dev/null +++ b/about/index.html @@ -0,0 +1,528 @@ + + + +About + + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+

+ About +

+ + +

+ Things you should know about me and this website. +

+ +
+ + +
+ +
+ + + + + + + + + + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+
+ +
+ + +

Welcome to anyone who come here for any reason. I’m pleased to introduce myself and the origin intention of building this website.

+

About Me

+

I was born in 2002, and is an undergraduate at Tsinghua University the moment I type this line. I hold the belief that we were born to find the truth and stick to our faith. The subject I major in is CS, and I’m also interested in politics, economics, music, game and traveling.

+

About this website

+

There are two main reasons for this website.

+

The first is to witness the process of my growing up. We all gonna die one day, this website is for leave a bit record of my thinking and my life.

+

The second is for communicating, we live in a time where the Internet is so convenient, but not so free to some aspects, but thanks to the skills I’m owning and the education I’m getting either passively or proactively, I am able to carve out a space on the Internet for free communication. This is important because we are all limited in our own lives, only communication remove the obstacles.

+

You can contact me by nldxtd :)

+

What I’m doing

+
    +
  • keeping thinking 🤔
    • +
  • preparing for my further education 📖
    • +
  • improving my skills 😈
    • +
  • in love ❤️
    • +
+ +
+ + +
+ + + +
+ + + + + + + + + Licensed under CC BY-NC-SA 4.0 +
+
+ + + +
+ + + + + + + + +
+
+ + +comments powered by Disqus +
+ + + + + + + +
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + + + + +
+ + + +
+ + + + + diff --git a/archives/index.html b/archives/index.html new file mode 100644 index 0000000..ed70cba --- /dev/null +++ b/archives/index.html @@ -0,0 +1,364 @@ + + + +Archives + + + + + + + + + + + + + +
+
+
+

Categories

+
+
+ + + + + + + + + + +
+
+ +
+ + + + + + + + + + + + + +
+
+ + + + + diff --git a/categories/index.html b/categories/index.html new file mode 100644 index 0000000..5de01e3 --- /dev/null +++ b/categories/index.html @@ -0,0 +1,448 @@ + + + +Categories + + + + + + + + + + + + + +
+
+
+

+ + Section + +

+ +
+
+

3 pages

+

Categories

+ +
+
+
+ + +
+ + + + + + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/categories/index.xml b/categories/index.xml new file mode 100644 index 0000000..a618a7a --- /dev/null +++ b/categories/index.xml @@ -0,0 +1,35 @@ + + + + Categories on NLDXTD + https://nldxtd.github.io/categories/ + Recent content in Categories on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + syntax + https://nldxtd.github.io/categories/syntax/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/categories/syntax/ + + + + themes + https://nldxtd.github.io/categories/themes/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/categories/themes/ + + + + Test + https://nldxtd.github.io/categories/test/ + Mon, 01 Jan 0001 00:00:00 +0000 + + https://nldxtd.github.io/categories/test/ + <img src="https://nldxtd.github.io/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.jpg" alt="Featured image of post Test" /> + + + + diff --git a/categories/page/1/index.html b/categories/page/1/index.html new file mode 100644 index 0000000..9bd0609 --- /dev/null +++ b/categories/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/categories/ \ No newline at end of file diff --git a/categories/syntax/index.html b/categories/syntax/index.html new file mode 100644 index 0000000..abbee59 --- /dev/null +++ b/categories/syntax/index.html @@ -0,0 +1,425 @@ + + + +Category: syntax - NLDXTD + + + + + + + + + + + + + +
+
+
+

+ + Categories + +

+ +
+
+

1 page

+

syntax

+ +
+
+
+ +
+ + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/categories/syntax/index.xml b/categories/syntax/index.xml new file mode 100644 index 0000000..e31f9fa --- /dev/null +++ b/categories/syntax/index.xml @@ -0,0 +1,241 @@ + + + + syntax on NLDXTD + https://nldxtd.github.io/categories/syntax/ + Recent content in syntax on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + + diff --git a/categories/syntax/page/1/index.html b/categories/syntax/page/1/index.html new file mode 100644 index 0000000..da99afc --- /dev/null +++ b/categories/syntax/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/categories/syntax/ \ No newline at end of file diff --git a/categories/test/_hu8102ac0a5989befdf52fa5096a373f78_52927_ba0b8e744b36f1e48b9c54b5d2847004.jpg b/categories/test/_hu8102ac0a5989befdf52fa5096a373f78_52927_ba0b8e744b36f1e48b9c54b5d2847004.jpg new file mode 100644 index 0000000..abeee55 Binary files /dev/null and b/categories/test/_hu8102ac0a5989befdf52fa5096a373f78_52927_ba0b8e744b36f1e48b9c54b5d2847004.jpg differ diff --git a/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.bec89fe99958d89413edc0f93688bdd6.jpg b/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.bec89fe99958d89413edc0f93688bdd6.jpg new file mode 100644 index 0000000..c385943 Binary files /dev/null and b/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.bec89fe99958d89413edc0f93688bdd6.jpg differ diff --git a/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.jpg b/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.jpg new file mode 100644 index 0000000..c385943 Binary files /dev/null and b/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash.jpg differ diff --git a/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash_hu8102ac0a5989befdf52fa5096a373f78_52927_120x120_fill_q75_box_smart1.jpg b/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash_hu8102ac0a5989befdf52fa5096a373f78_52927_120x120_fill_q75_box_smart1.jpg new file mode 100644 index 0000000..1c73a8a Binary files /dev/null and b/categories/test/hutomo-abrianto-l2jk-uxb1BY-unsplash_hu8102ac0a5989befdf52fa5096a373f78_52927_120x120_fill_q75_box_smart1.jpg differ diff --git a/categories/test/index.html b/categories/test/index.html new file mode 100644 index 0000000..b56419d --- /dev/null +++ b/categories/test/index.html @@ -0,0 +1,417 @@ + + + +Category: Test - NLDXTD + + + + + + + + + + + + + + +
+
+
+

+ + Categories + +

+ +
+
+

0 pages

+

Test

+ +

This is an example category

+ +
+
+ + +
+ +
+
+ + +
+ +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/categories/test/index.xml b/categories/test/index.xml new file mode 100644 index 0000000..2543308 --- /dev/null +++ b/categories/test/index.xml @@ -0,0 +1,10 @@ + + + + Test on NLDXTD + https://nldxtd.github.io/categories/test/ + Recent content in Test on NLDXTD + Hugo -- gohugo.io + en-us + + diff --git a/categories/test/page/1/index.html b/categories/test/page/1/index.html new file mode 100644 index 0000000..58679fd --- /dev/null +++ b/categories/test/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/categories/test/ \ No newline at end of file diff --git a/categories/themes/index.html b/categories/themes/index.html new file mode 100644 index 0000000..034611b --- /dev/null +++ b/categories/themes/index.html @@ -0,0 +1,425 @@ + + + +Category: themes - NLDXTD + + + + + + + + + + + + + +
+
+
+

+ + Categories + +

+ +
+
+

1 page

+

themes

+ +
+
+
+ +
+ + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/categories/themes/index.xml b/categories/themes/index.xml new file mode 100644 index 0000000..cb0079e --- /dev/null +++ b/categories/themes/index.xml @@ -0,0 +1,241 @@ + + + + themes on NLDXTD + https://nldxtd.github.io/categories/themes/ + Recent content in themes on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + + diff --git a/categories/themes/page/1/index.html b/categories/themes/page/1/index.html new file mode 100644 index 0000000..01e5b79 --- /dev/null +++ b/categories/themes/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/categories/themes/ \ No newline at end of file diff --git a/contact/index.html b/contact/index.html new file mode 100644 index 0000000..2ef7ce2 --- /dev/null +++ b/contact/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/about/ \ No newline at end of file diff --git a/img/ava_hu80cc08f289713c40445e0961e3bfd32c_131396_300x0_resize_q75_box.jpg b/img/ava_hu80cc08f289713c40445e0961e3bfd32c_131396_300x0_resize_q75_box.jpg new file mode 100644 index 0000000..f543e5b Binary files /dev/null and b/img/ava_hu80cc08f289713c40445e0961e3bfd32c_131396_300x0_resize_q75_box.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..9f23091 --- /dev/null +++ b/index.html @@ -0,0 +1,536 @@ + + + + +NLDXTD + + + + + + + + + + + + + +
+
+ + + + + +
+ + +
+
+
+ + Featured image of post Markdown Syntax Guide + + +
+ + +
+ +
+ + + themes + + + + syntax + + +
+ + +
+

+ Markdown Syntax Guide +

+ + +

+ Sample article showcasing basic Markdown syntax and formatting for HTML elements. +

+ +
+ + +
+ +
+ + + + + + + + + + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+
+
+ + +
+
+ +
+ + +
+

+ Math Typesetting +

+ + +

+ A brief guide to setup KaTeX +

+ +
+ + +
+ +
+ + + + + + + + + + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+
+
+ +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ +
+ + + +
+ + + + + diff --git a/index.xml b/index.xml new file mode 100644 index 0000000..40d1818 --- /dev/null +++ b/index.xml @@ -0,0 +1,444 @@ + + + + NLDXTD + https://nldxtd.github.io/ + Recent content on NLDXTD + Hugo -- gohugo.io + en-us + Wed, 21 Aug 2019 00:00:00 +0000 + About + https://nldxtd.github.io/about/ + Wed, 21 Aug 2019 00:00:00 +0000 + + https://nldxtd.github.io/about/ + <p>Welcome to anyone who come here for any reason. I&rsquo;m pleased to introduce myself and the origin intention of building this website.</p> +<h2 id="about-me">About Me</h2> +<p>I was born in 2002, and is an undergraduate at Tsinghua University the moment I type this line. I hold the belief that we were born to find the truth and stick to our faith. The subject I major in is CS, and I&rsquo;m also interested in politics, economics, music, game and traveling.</p> +<h2 id="about-this-website">About this website</h2> +<p>There are two main reasons for this website.</p> +<p>The first is to witness the process of my growing up. We all gonna die one day, this website is for leave a bit record of my thinking and my life.</p> +<p>The second is for communicating, we live in a time where the Internet is so convenient, but not so free to some aspects, but thanks to the skills I&rsquo;m owning and the education I&rsquo;m getting either passively or proactively, I am able to carve out a space on the Internet for free communication. This is important because we are all limited in our own lives, only communication remove the obstacles.</p> +<p>You can contact me by <a class="link" href="mailto:nldxtd@gmail.com" >nldxtd</a> :)</p> +<h2 id="what-im-doing">What I&rsquo;m doing</h2> +<ul> +<li>keeping thinking 🤔</li> +<li>preparing for my further education 📖</li> +<li>improving my skills 😈</li> +<li>in love ❤️</li> +</ul> + + + + Archives + https://nldxtd.github.io/archives/ + Tue, 28 May 2019 00:00:00 +0000 + + https://nldxtd.github.io/archives/ + + + + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + Math Typesetting + https://nldxtd.github.io/p/math-typesetting/ + Fri, 08 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/math-typesetting/ + <p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p> +<p>In this example we will be using <a class="link" href="https://katex.org/" target="_blank" rel="noopener" + >KaTeX</a></p> +<ul> +<li>Create a partial under <code>/layouts/partials/math.html</code></li> +<li>Within this partial reference the <a class="link" href="https://katex.org/docs/autorender.html" target="_blank" rel="noopener" + >Auto-render Extension</a> or host these scripts locally.</li> +<li>Include the partial in your templates like so:</li> +</ul> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="o">{{</span> <span class="k">if</span> or .Params.math .Site.Params.math <span class="o">}}</span> +<span class="o">{{</span> partial <span class="s2">&#34;math.html&#34;</span> . <span class="o">}}</span> +<span class="o">{{</span> end <span class="o">}}</span> +</code></pre></td></tr></table> +</div> +</div><ul> +<li>To enable KaTex globally set the parameter <code>math</code> to <code>true</code> in a project&rsquo;s configuration</li> +<li>To enable KaTex on a per page basis include the parameter <code>math: true</code> in content files</li> +</ul> +<p><strong>Note:</strong> Use the online reference of <a class="link" href="https://katex.org/docs/supported.html" target="_blank" rel="noopener" + >Supported TeX Functions</a></p> + +<h3 id="examples">Examples</h3> + +<p>Block math: +$$ +\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$</p> + + + Projects + https://nldxtd.github.io/projects/ + Mon, 01 Jan 0001 00:00:00 +0000 + + https://nldxtd.github.io/projects/ + <h2 id="summary">Summary</h2> +<p>This Page is for displaying the projects I have been taking part in during my coding career, you can find the repos through my github account <a class="link" href="https://github.com/nldxtd" target="_blank" rel="noopener" + >nldxtd</a>.</p> +<p>Those projects can be divided into two categories, one is course projects I &rsquo;ve been working on in THU classes, the other is personal projects made out of personal interests or outsourcing demands.</p> +<p>Apart from those projects, algorithm is also important through my study, which won&rsquo;t be displayed at this page.</p> +<h2 id="course-projects">Course Projects</h2> +<!-- raw HTML omitted --> +<h3 id="logo-language-compiler">LOGO Language Compiler</h3> +<p>Summary: First project of my coding career, using C++ to compile LOGO file(text file defined ourselves) to picture format BMP.</p> +<p>Semester: Fall 2019.</p> +<p>Skills: C++, video editing.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >LOGO compiler</a></p> +<!-- raw HTML omitted --> +<h3 id="snake-">Snake 🐍</h3> +<p>Summary: Classic game snake(贪吃蛇) implemented in Qt.</p> +<p>Semester: Summer 2020.</p> +<p>Skills: Qt, C++.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Snake</a></p> +<!-- raw HTML omitted --> +<h3 id="dou-dizhu-">Dou Dizhu 🃏</h3> +<p>Summary: Classic game Dou Dizhu(斗地主) implemented in Qt.</p> +<p>Semester: Summer 2020.</p> +<p>Skills: Qt, Qt Socket, C++.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Dou Dizhu</a></p> +<!-- raw HTML omitted --> +<h3 id="快红-快手公司合作软件工程项目">快红 🍁(快手公司合作软件工程项目)</h3> +<p>Summary: Software Engineer project cowork with Beijing Kuaishou Technology Co., Ltd, using data provided by the company to do data visualization and give advice to content producer. As a team work, I mainly took part in frontend work.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: Vue.js, python, django, database.</p> +<p>Code Repo: Private.</p> +<!-- raw HTML omitted --> +<h3 id="router-lab">Router-Lab</h3> +<p>Summary: PA of Network Principle, implement a router supporting ICMP, RIP, also do some correctness check.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: C++, Network Protocol.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Router-Lab</a></p> +<!-- raw HTML omitted --> +<h3 id="py-pinyin">Py-PinYin</h3> +<p>Summary: A PinYin input method implemented in python base on Markov Chain.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: Python, Markov Chain.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Py-PinYin</a></p> +<!-- raw HTML omitted --> +<h3 id="fourchess-">FourChess ♟</h3> +<p>Summary: Namely AI implement in python based on Monte Carlo tree search(MCTS).</p> +<p>Semester: Spring 2021.</p> +<p>Skills: C++, MCTS.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >FourChess</a></p> +<!-- raw HTML omitted --> +<h3 id="sentence-emotion-classifier-">Sentence Emotion Classifier 📖</h3> +<p>Summary: A classfy task using CNN/RNN/LSTM, result not so satisfying because of data problem.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: Tensorflow.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Emotion Classifier</a></p> +<!-- raw HTML omitted --> +<h3 id="image-rendering-engine-">Image Rendering Engine 📷</h3> +<p>Summary: Image Rendering Engine implemented in C++ based on SPPM algorithm.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: C++, SMMP, Parallel Development.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Image Rendering Engine</a></p> +<!-- raw HTML omitted --> +<h3 id="naive-database-">Naive-Database 📚</h3> +<p>Summary: A toy DBMS(Database Manage System) implemented in rust from scratch, supports CURD operation and other database precations.</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Rust.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Naive-Database</a></p> +<!-- raw HTML omitted --> +<h3 id="mini-decaf">Mini-Decaf</h3> +<p>Summary: PA of Compilation principle, implemented in python, used for mini-decaf(subset of C Language).</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Python, AST, Compilation principle.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Mini-Decaf</a></p> +<!-- raw HTML omitted --> +<h3 id="rcore">rCore</h3> +<p>Summary: PA of OS course, implement an operating system using rust.</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Rust.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >rCore</a></p> +<!-- raw HTML omitted --> +<h3 id="cpu">CPU</h3> +<p>Summary: Seen as the hardest course project in our department. Design a five-stage pipeline CPU using verilog, also add forwarding technology and support hardware-IO like vga/flash.</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Verilog, pipeline CPU, hardware design.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >CPU</a></p> +<!-- raw HTML omitted --> +<h2 id="personal-projects">Personal Projects</h2> +<h3 id="nucearth-">NucEarth 🌍</h3> +<p>Summary: Inspired by <a class="link" href="https://github.com/cambecc/earth" target="_blank" rel="noopener" + >earth</a>, which visualize weather condition on a globe. NucEarch is for visualizing pollution infected by nuclear leak.</p> +<p>Skills: javascript.</p> +<p>Demo Website: <a class="link" href="https://nuc.lo-li.co/" target="_blank" rel="noopener" + >NucEarth</a></p> +<p>Code Repo: Private.</p> +<!-- raw HTML omitted --> +<h3 id="robot-detecting-and-social-network-analysis-">Robot Detecting and Social Network Analysis 🤖️</h3> +<p>Summary: A master thesis work to detect robot on social media and social network analysis. I took part in the data crawling and processing, robot detecting.</p> +<p>Skills: python.</p> +<p>Code Repo: Private.</p> +<!-- raw HTML omitted --> +<h3 id="gongpincha-">GongPinCha 🧼</h3> +<p>Summary: A form filling Applets cooperates with an official department for data collecting.</p> +<p>Skills: React-Native, Wechat Mini Program.</p> +<p>Demo: 工品查 WeChat Mini Program.</p> + + + + Search + https://nldxtd.github.io/search/ + Mon, 01 Jan 0001 00:00:00 +0000 + + https://nldxtd.github.io/search/ + + + + + diff --git a/p/markdown-syntax-guide/index.html b/p/markdown-syntax-guide/index.html new file mode 100644 index 0000000..07edd20 --- /dev/null +++ b/p/markdown-syntax-guide/index.html @@ -0,0 +1,827 @@ + + + +Markdown Syntax Guide + + + + + + + + + + + + + + +
+
+
+
+
+ + Featured image of post Markdown Syntax Guide + + +
+ + +
+ +
+ + + themes + + + + syntax + + +
+ + +
+

+ Markdown Syntax Guide +

+ + +

+ Sample article showcasing basic Markdown syntax and formatting for HTML elements. +

+ +
+ + +
+ +
+ + + + + + + + + + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+
+ +
+ + +

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

+

Headings

+

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

+

H1

+

H2

+

H3

+

H4

+
H5
+
H6
+

Paragraph

+

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

+

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

+

Blockquotes

+

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

+

Blockquote without attribution

+
+

Tiam, ad mint andaepu dandae nostion secatur sequo quae. +Note that you can use Markdown syntax within a blockquote.

+
+

Blockquote with attribution

+
+

Don’t communicate by sharing memory, share memory by communicating. +— Rob Pike1

+
+

Tables

+

Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

+
+ + + + + + + + + + + + + + + + +
NameAge
Bob27
Alice23
+

Inline Markdown within tables

+
+ + + + + + + + + + + + + + +
ItalicsBoldCode
italicsboldcode
+
+ + + + + + + + + + + + + + + + + + + + +
ABCDEF
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purusProin sit amet velit nec enim imperdiet vehicula.Ut bibendum vestibulum quam, eu egestas turpis gravida necSed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien
+

Code Blocks

+

Code block with backticks

+
+ +
+
 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+
 +
<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+
+
+

Code block indented with four spaces

+
<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+
+

Code block with Hugo’s internal highlight shortcode

+
+ +
+
 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+
 +
<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+
+
+

Diff code block

+
+ +
+
1
+2
+3
+4
+5
+
 +
[dependencies.bevy]
+git = "https://github.com/bevyengine/bevy"
+rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
+- features = ["dynamic"]
++ features = ["jpeg", "dynamic"]
+
+
+

List Types

+

Ordered List

+
    +
  1. First item
    2. +
  2. Second item
    3. +
  3. Third item
    4. +
+

Unordered List

+
    +
  • List item
    • +
  • Another item
    • +
  • And another item
    • +
+

Nested list

+
    +
  • Fruit +
      +
    • Apple
      • +
    • Orange
      • +
    • Banana
      • +
    +
    • +
  • Dairy +
      +
    • Milk
      • +
    • Cheese
      • +
    +
    • +
+

Other Elements — abbr, sub, sup, kbd, mark

+

GIF is a bitmap image format.

+

H2O

+

Xn + Yn = Zn

+

Press CTRL+ALT+Delete to end the session.

+

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

+

Hyperlinked image

+

Google

+
+
+
    +
  1. +

    The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎

    +
    2. +
+
+
+ + +
+ +
+ + markdown + + css + + html + + themes + +
+ + + +
+ + + + + + + + + Licensed under CC BY-NC-SA 4.0 +
+
+ + + +
+ + + + + + + + +
+
+ + +comments powered by Disqus +
+ + + + + + + +
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + + + + +
+ + + +
+ + + + + diff --git a/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg new file mode 100644 index 0000000..1634e85 Binary files /dev/null and b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg differ diff --git a/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_120x120_fill_q75_box_smart1.jpg b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_120x120_fill_q75_box_smart1.jpg new file mode 100644 index 0000000..0707d56 Binary files /dev/null and b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_120x120_fill_q75_box_smart1.jpg differ diff --git a/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_1600x0_resize_q75_box.jpg b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_1600x0_resize_q75_box.jpg new file mode 100644 index 0000000..7c6ce44 Binary files /dev/null and b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_1600x0_resize_q75_box.jpg differ diff --git a/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_800x0_resize_q75_box.jpg b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_800x0_resize_q75_box.jpg new file mode 100644 index 0000000..2bc4162 Binary files /dev/null and b/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_800x0_resize_q75_box.jpg differ diff --git a/p/math-typesetting/index.html b/p/math-typesetting/index.html new file mode 100644 index 0000000..81b25d1 --- /dev/null +++ b/p/math-typesetting/index.html @@ -0,0 +1,571 @@ + + + +Math Typesetting + + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+

+ Math Typesetting +

+ + +

+ A brief guide to setup KaTeX +

+ +
+ + +
+ +
+ + + + + + + + + + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+
+ +
+ + +

Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.

+

In this example we will be using KaTeX

+
    +
  • Create a partial under /layouts/partials/math.html
    • +
  • Within this partial reference the Auto-render Extension or host these scripts locally.
    • +
  • Include the partial in your templates like so:
    • +
+
+ +
+
1
+2
+3
+
 +
{{ if or .Params.math .Site.Params.math }}
+{{ partial "math.html" . }}
+{{ end }}
+
+
+
    +
  • To enable KaTex globally set the parameter math to true in a project’s configuration
    • +
  • To enable KaTex on a per page basis include the parameter math: true in content files
    • +
+

Note: Use the online reference of Supported TeX Functions

+ +

Examples

+ +

Block math: +$$ +\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$

+
+ + +
+ + + +
+ + + + + + + + + Licensed under CC BY-NC-SA 4.0 +
+
+ + + + + +
+ + + + + + + + +
+
+ + +comments powered by Disqus +
+ + + + + + + +
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + + + + +
+ + + +
+ + + + + diff --git a/p/migrate-from-jekyl/index.html b/p/migrate-from-jekyl/index.html new file mode 100644 index 0000000..bae2997 --- /dev/null +++ b/p/migrate-from-jekyl/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/p/markdown-syntax-guide/ \ No newline at end of file diff --git a/page/1/index.html b/page/1/index.html new file mode 100644 index 0000000..091e757 --- /dev/null +++ b/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/ \ No newline at end of file diff --git a/page/index.html b/page/index.html new file mode 100644 index 0000000..fedcb47 --- /dev/null +++ b/page/index.html @@ -0,0 +1,449 @@ + + + +Pages + + + + + + + + + + + + + +
+
+
+

+ + Section + +

+ +
+
+

4 pages

+

Pages

+ +
+
+
+ +
+ + + + + + + + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/page/index.xml b/page/index.xml new file mode 100644 index 0000000..f9d2468 --- /dev/null +++ b/page/index.xml @@ -0,0 +1,173 @@ + + + + Pages on NLDXTD + https://nldxtd.github.io/page/ + Recent content in Pages on NLDXTD + Hugo -- gohugo.io + en-us + Wed, 21 Aug 2019 00:00:00 +0000 + About + https://nldxtd.github.io/about/ + Wed, 21 Aug 2019 00:00:00 +0000 + + https://nldxtd.github.io/about/ + <p>Welcome to anyone who come here for any reason. I&rsquo;m pleased to introduce myself and the origin intention of building this website.</p> +<h2 id="about-me">About Me</h2> +<p>I was born in 2002, and is an undergraduate at Tsinghua University the moment I type this line. I hold the belief that we were born to find the truth and stick to our faith. The subject I major in is CS, and I&rsquo;m also interested in politics, economics, music, game and traveling.</p> +<h2 id="about-this-website">About this website</h2> +<p>There are two main reasons for this website.</p> +<p>The first is to witness the process of my growing up. We all gonna die one day, this website is for leave a bit record of my thinking and my life.</p> +<p>The second is for communicating, we live in a time where the Internet is so convenient, but not so free to some aspects, but thanks to the skills I&rsquo;m owning and the education I&rsquo;m getting either passively or proactively, I am able to carve out a space on the Internet for free communication. This is important because we are all limited in our own lives, only communication remove the obstacles.</p> +<p>You can contact me by <a class="link" href="mailto:nldxtd@gmail.com" >nldxtd</a> :)</p> +<h2 id="what-im-doing">What I&rsquo;m doing</h2> +<ul> +<li>keeping thinking 🤔</li> +<li>preparing for my further education 📖</li> +<li>improving my skills 😈</li> +<li>in love ❤️</li> +</ul> + + + + Archives + https://nldxtd.github.io/archives/ + Tue, 28 May 2019 00:00:00 +0000 + + https://nldxtd.github.io/archives/ + + + + Projects + https://nldxtd.github.io/projects/ + Mon, 01 Jan 0001 00:00:00 +0000 + + https://nldxtd.github.io/projects/ + <h2 id="summary">Summary</h2> +<p>This Page is for displaying the projects I have been taking part in during my coding career, you can find the repos through my github account <a class="link" href="https://github.com/nldxtd" target="_blank" rel="noopener" + >nldxtd</a>.</p> +<p>Those projects can be divided into two categories, one is course projects I &rsquo;ve been working on in THU classes, the other is personal projects made out of personal interests or outsourcing demands.</p> +<p>Apart from those projects, algorithm is also important through my study, which won&rsquo;t be displayed at this page.</p> +<h2 id="course-projects">Course Projects</h2> +<!-- raw HTML omitted --> +<h3 id="logo-language-compiler">LOGO Language Compiler</h3> +<p>Summary: First project of my coding career, using C++ to compile LOGO file(text file defined ourselves) to picture format BMP.</p> +<p>Semester: Fall 2019.</p> +<p>Skills: C++, video editing.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >LOGO compiler</a></p> +<!-- raw HTML omitted --> +<h3 id="snake-">Snake 🐍</h3> +<p>Summary: Classic game snake(贪吃蛇) implemented in Qt.</p> +<p>Semester: Summer 2020.</p> +<p>Skills: Qt, C++.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Snake</a></p> +<!-- raw HTML omitted --> +<h3 id="dou-dizhu-">Dou Dizhu 🃏</h3> +<p>Summary: Classic game Dou Dizhu(斗地主) implemented in Qt.</p> +<p>Semester: Summer 2020.</p> +<p>Skills: Qt, Qt Socket, C++.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Dou Dizhu</a></p> +<!-- raw HTML omitted --> +<h3 id="快红-快手公司合作软件工程项目">快红 🍁(快手公司合作软件工程项目)</h3> +<p>Summary: Software Engineer project cowork with Beijing Kuaishou Technology Co., Ltd, using data provided by the company to do data visualization and give advice to content producer. As a team work, I mainly took part in frontend work.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: Vue.js, python, django, database.</p> +<p>Code Repo: Private.</p> +<!-- raw HTML omitted --> +<h3 id="router-lab">Router-Lab</h3> +<p>Summary: PA of Network Principle, implement a router supporting ICMP, RIP, also do some correctness check.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: C++, Network Protocol.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Router-Lab</a></p> +<!-- raw HTML omitted --> +<h3 id="py-pinyin">Py-PinYin</h3> +<p>Summary: A PinYin input method implemented in python base on Markov Chain.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: Python, Markov Chain.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Py-PinYin</a></p> +<!-- raw HTML omitted --> +<h3 id="fourchess-">FourChess ♟</h3> +<p>Summary: Namely AI implement in python based on Monte Carlo tree search(MCTS).</p> +<p>Semester: Spring 2021.</p> +<p>Skills: C++, MCTS.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >FourChess</a></p> +<!-- raw HTML omitted --> +<h3 id="sentence-emotion-classifier-">Sentence Emotion Classifier 📖</h3> +<p>Summary: A classfy task using CNN/RNN/LSTM, result not so satisfying because of data problem.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: Tensorflow.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Emotion Classifier</a></p> +<!-- raw HTML omitted --> +<h3 id="image-rendering-engine-">Image Rendering Engine 📷</h3> +<p>Summary: Image Rendering Engine implemented in C++ based on SPPM algorithm.</p> +<p>Semester: Spring 2021.</p> +<p>Skills: C++, SMMP, Parallel Development.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Image Rendering Engine</a></p> +<!-- raw HTML omitted --> +<h3 id="naive-database-">Naive-Database 📚</h3> +<p>Summary: A toy DBMS(Database Manage System) implemented in rust from scratch, supports CURD operation and other database precations.</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Rust.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Naive-Database</a></p> +<!-- raw HTML omitted --> +<h3 id="mini-decaf">Mini-Decaf</h3> +<p>Summary: PA of Compilation principle, implemented in python, used for mini-decaf(subset of C Language).</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Python, AST, Compilation principle.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >Mini-Decaf</a></p> +<!-- raw HTML omitted --> +<h3 id="rcore">rCore</h3> +<p>Summary: PA of OS course, implement an operating system using rust.</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Rust.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >rCore</a></p> +<!-- raw HTML omitted --> +<h3 id="cpu">CPU</h3> +<p>Summary: Seen as the hardest course project in our department. Design a five-stage pipeline CPU using verilog, also add forwarding technology and support hardware-IO like vga/flash.</p> +<p>Semester: Fall 2021.</p> +<p>Skills: Verilog, pipeline CPU, hardware design.</p> +<p>Code Repo: <a class="link" href="https://github.com/" target="_blank" rel="noopener" + >CPU</a></p> +<!-- raw HTML omitted --> +<h2 id="personal-projects">Personal Projects</h2> +<h3 id="nucearth-">NucEarth 🌍</h3> +<p>Summary: Inspired by <a class="link" href="https://github.com/cambecc/earth" target="_blank" rel="noopener" + >earth</a>, which visualize weather condition on a globe. NucEarch is for visualizing pollution infected by nuclear leak.</p> +<p>Skills: javascript.</p> +<p>Demo Website: <a class="link" href="https://nuc.lo-li.co/" target="_blank" rel="noopener" + >NucEarth</a></p> +<p>Code Repo: Private.</p> +<!-- raw HTML omitted --> +<h3 id="robot-detecting-and-social-network-analysis-">Robot Detecting and Social Network Analysis 🤖️</h3> +<p>Summary: A master thesis work to detect robot on social media and social network analysis. I took part in the data crawling and processing, robot detecting.</p> +<p>Skills: python.</p> +<p>Code Repo: Private.</p> +<!-- raw HTML omitted --> +<h3 id="gongpincha-">GongPinCha 🧼</h3> +<p>Summary: A form filling Applets cooperates with an official department for data collecting.</p> +<p>Skills: React-Native, Wechat Mini Program.</p> +<p>Demo: 工品查 WeChat Mini Program.</p> + + + + Search + https://nldxtd.github.io/search/ + Mon, 01 Jan 0001 00:00:00 +0000 + + https://nldxtd.github.io/search/ + + + + + diff --git a/page/page/1/index.html b/page/page/1/index.html new file mode 100644 index 0000000..0364b7e --- /dev/null +++ b/page/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/page/ \ No newline at end of file diff --git a/post/index.html b/post/index.html new file mode 100644 index 0000000..e0d32e3 --- /dev/null +++ b/post/index.html @@ -0,0 +1,436 @@ + + + +Posts + + + + + + + + + + + + + +
+
+
+

+ + Section + +

+ +
+
+

2 pages

+

Posts

+ +
+
+
+ +
+ + + + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/post/index.xml b/post/index.xml new file mode 100644 index 0000000..8b054e4 --- /dev/null +++ b/post/index.xml @@ -0,0 +1,282 @@ + + + + Posts on NLDXTD + https://nldxtd.github.io/post/ + Recent content in Posts on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + Math Typesetting + https://nldxtd.github.io/p/math-typesetting/ + Fri, 08 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/math-typesetting/ + <p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p> +<p>In this example we will be using <a class="link" href="https://katex.org/" target="_blank" rel="noopener" + >KaTeX</a></p> +<ul> +<li>Create a partial under <code>/layouts/partials/math.html</code></li> +<li>Within this partial reference the <a class="link" href="https://katex.org/docs/autorender.html" target="_blank" rel="noopener" + >Auto-render Extension</a> or host these scripts locally.</li> +<li>Include the partial in your templates like so:</li> +</ul> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="o">{{</span> <span class="k">if</span> or .Params.math .Site.Params.math <span class="o">}}</span> +<span class="o">{{</span> partial <span class="s2">&#34;math.html&#34;</span> . <span class="o">}}</span> +<span class="o">{{</span> end <span class="o">}}</span> +</code></pre></td></tr></table> +</div> +</div><ul> +<li>To enable KaTex globally set the parameter <code>math</code> to <code>true</code> in a project&rsquo;s configuration</li> +<li>To enable KaTex on a per page basis include the parameter <code>math: true</code> in content files</li> +</ul> +<p><strong>Note:</strong> Use the online reference of <a class="link" href="https://katex.org/docs/supported.html" target="_blank" rel="noopener" + >Supported TeX Functions</a></p> + +<h3 id="examples">Examples</h3> + +<p>Block math: +$$ +\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$</p> + + + + diff --git a/post/page/1/index.html b/post/page/1/index.html new file mode 100644 index 0000000..ae8792e --- /dev/null +++ b/post/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/post/ \ No newline at end of file diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..b768365 --- /dev/null +++ b/projects/index.html @@ -0,0 +1,595 @@ + + + +Projects + + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+

+ Projects +

+ + +
+ + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+
+ +
+ + +

Summary

+

This Page is for displaying the projects I have been taking part in during my coding career, you can find the repos through my github account nldxtd.

+

Those projects can be divided into two categories, one is course projects I ’ve been working on in THU classes, the other is personal projects made out of personal interests or outsourcing demands.

+

Apart from those projects, algorithm is also important through my study, which won’t be displayed at this page.

+

Course Projects

+ +

LOGO Language Compiler

+

Summary: First project of my coding career, using C++ to compile LOGO file(text file defined ourselves) to picture format BMP.

+

Semester: Fall 2019.

+

Skills: C++, video editing.

+

Code Repo: LOGO compiler

+ +

Snake 🐍

+

Summary: Classic game snake(贪吃蛇) implemented in Qt.

+

Semester: Summer 2020.

+

Skills: Qt, C++.

+

Code Repo: Snake

+ +

Dou Dizhu 🃏

+

Summary: Classic game Dou Dizhu(斗地主) implemented in Qt.

+

Semester: Summer 2020.

+

Skills: Qt, Qt Socket, C++.

+

Code Repo: Dou Dizhu

+ +

快红 🍁(快手公司合作软件工程项目)

+

Summary: Software Engineer project cowork with Beijing Kuaishou Technology Co., Ltd, using data provided by the company to do data visualization and give advice to content producer. As a team work, I mainly took part in frontend work.

+

Semester: Spring 2021.

+

Skills: Vue.js, python, django, database.

+

Code Repo: Private.

+ +

Router-Lab

+

Summary: PA of Network Principle, implement a router supporting ICMP, RIP, also do some correctness check.

+

Semester: Spring 2021.

+

Skills: C++, Network Protocol.

+

Code Repo: Router-Lab

+ +

Py-PinYin

+

Summary: A PinYin input method implemented in python base on Markov Chain.

+

Semester: Spring 2021.

+

Skills: Python, Markov Chain.

+

Code Repo: Py-PinYin

+ +

FourChess ♟

+

Summary: Namely AI implement in python based on Monte Carlo tree search(MCTS).

+

Semester: Spring 2021.

+

Skills: C++, MCTS.

+

Code Repo: FourChess

+ +

Sentence Emotion Classifier 📖

+

Summary: A classfy task using CNN/RNN/LSTM, result not so satisfying because of data problem.

+

Semester: Spring 2021.

+

Skills: Tensorflow.

+

Code Repo: Emotion Classifier

+ +

Image Rendering Engine 📷

+

Summary: Image Rendering Engine implemented in C++ based on SPPM algorithm.

+

Semester: Spring 2021.

+

Skills: C++, SMMP, Parallel Development.

+

Code Repo: Image Rendering Engine

+ +

Naive-Database 📚

+

Summary: A toy DBMS(Database Manage System) implemented in rust from scratch, supports CURD operation and other database precations.

+

Semester: Fall 2021.

+

Skills: Rust.

+

Code Repo: Naive-Database

+ +

Mini-Decaf

+

Summary: PA of Compilation principle, implemented in python, used for mini-decaf(subset of C Language).

+

Semester: Fall 2021.

+

Skills: Python, AST, Compilation principle.

+

Code Repo: Mini-Decaf

+ +

rCore

+

Summary: PA of OS course, implement an operating system using rust.

+

Semester: Fall 2021.

+

Skills: Rust.

+

Code Repo: rCore

+ +

CPU

+

Summary: Seen as the hardest course project in our department. Design a five-stage pipeline CPU using verilog, also add forwarding technology and support hardware-IO like vga/flash.

+

Semester: Fall 2021.

+

Skills: Verilog, pipeline CPU, hardware design.

+

Code Repo: CPU

+ +

Personal Projects

+

NucEarth 🌍

+

Summary: Inspired by earth, which visualize weather condition on a globe. NucEarch is for visualizing pollution infected by nuclear leak.

+

Skills: javascript.

+

Demo Website: NucEarth

+

Code Repo: Private.

+ +

Robot Detecting and Social Network Analysis 🤖️

+

Summary: A master thesis work to detect robot on social media and social network analysis. I took part in the data crawling and processing, robot detecting.

+

Skills: python.

+

Code Repo: Private.

+ +

GongPinCha 🧼

+

Summary: A form filling Applets cooperates with an official department for data collecting.

+

Skills: React-Native, Wechat Mini Program.

+

Demo: 工品查 WeChat Mini Program.

+ +
+ + +
+ + + +
+ + + + + + + + + Licensed under CC BY-NC-SA 4.0 +
+
+ + + +
+ + + + + + + + +
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + + + + +
+ + + +
+ + + + + diff --git a/scss/style.min.450926226e724574a6b936335ea06111f8aeb253d932c86cb2cc807341cd2889.css b/scss/style.min.450926226e724574a6b936335ea06111f8aeb253d932c86cb2cc807341cd2889.css new file mode 100644 index 0000000..ab058a8 --- /dev/null +++ b/scss/style.min.450926226e724574a6b936335ea06111f8aeb253d932c86cb2cc807341cd2889.css @@ -0,0 +1,10 @@ +/*!* Hugo Theme Stack +* +* @author: Jimmy Cai +* @website: https://jimmycai.com +* @link: https://github.com/CaiJimmy/hugo-theme-stack*/:root{--main-top-padding:35px;--body-background:#f5f5fa;--accent-color:#34495e;--accent-color-darker:#2c3e50;--accent-color-text:#fff;--body-text-color:#bababa;--tag-border-radius:4px;--section-separation:40px;--scrollbar-thumb:hsl(0, 0%, 85%);--scrollbar-track:var(--body-background)}@media(min-width:1280px){:root{--main-top-padding:50px}}:root[data-scheme=dark]{--body-background:#303030;--accent-color:#ecf0f1;--accent-color-darker:#bdc3c7;--accent-color-text:#000;--body-text-color:rgba(255, 255, 255, 0.7);--scrollbar-thumb:hsl(0, 0%, 40%);--scrollbar-track:var(--body-background)}:root{--sys-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family:"PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family:"Lato", var(--sys-font-family), var(--zh-font-family), sans-serif;--code-font-family:Menlo, Monaco, Consolas, "Courier New", monospace}:root{--card-background:#fff;--card-background-selected:#eaeaea;--card-text-color-main:#000;--card-text-color-secondary:#747474;--card-text-color-tertiary:#bababa;--card-separator-color:rgba(218, 218, 218, 0.5);--card-border-radius:10px;--card-padding:20px;--small-card-padding:25px 20px}@media(min-width:768px){:root{--card-padding:25px}}@media(min-width:1280px){:root{--card-padding:30px}}@media(min-width:768px){:root{--small-card-padding:25px}}:root[data-scheme=dark]{--card-background:#424242;--card-background-selected:rgba(255, 255, 255, 0.16);--card-text-color-main:rgba(255, 255, 255, 0.9);--card-text-color-secondary:rgba(255, 255, 255, 0.7);--card-text-color-tertiary:rgba(255, 255, 255, 0.5);--card-separator-color:rgba(255, 255, 255, 0.12)}:root{--article-font-family:var(--base-font-family);--article-font-size:1.6rem;--article-line-height:1.85}@media(min-width:768px){:root{--article-font-size:1.7rem}}:root{--blockquote-border-size:4px;--blockquote-background-color:rgb(248 248 248);--heading-border-size:4px;--link-background-color:189, 195, 199;--link-background-opacity:0.5;--link-background-opacity-hover:0.7;--pre-background-color:#272822;--pre-text-color:#f8f8f2;--code-background-color:rgba(0, 0, 0, 0.12);--code-text-color:#808080;--table-border-color:#dadada;--tr-even-background-color:#efefee}:root[data-scheme=dark]{--code-background-color:#272822;--code-text-color:rgba(255, 255, 255, 0.9);--table-border-color:#717171;--tr-even-background-color:#545454;--blockquote-background-color:rgb(75 75 75)}:root{--shadow-l1:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2:0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3:0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4:0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), + 0px 0px 1px rgba(0, 0, 0, 0.04)}[data-scheme=light]{--pre-text-color:#272822;--pre-background-color:#fafafa}[data-scheme=light] .chroma{color:#272822;background-color:#fafafa}[data-scheme=light] .chroma .err{color:#960050}[data-scheme=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-scheme=light] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}[data-scheme=light] .chroma .hl{display:block;width:100%;background-color:#ffc}[data-scheme=light] .chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-scheme=light] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-scheme=light] .chroma .k{color:#00a8c8}[data-scheme=light] .chroma .kc{color:#00a8c8}[data-scheme=light] .chroma .kd{color:#00a8c8}[data-scheme=light] .chroma .kn{color:#f92672}[data-scheme=light] .chroma .kp{color:#00a8c8}[data-scheme=light] .chroma .kr{color:#00a8c8}[data-scheme=light] .chroma .kt{color:#00a8c8}[data-scheme=light] .chroma .n{color:#111}[data-scheme=light] .chroma .na{color:#75af00}[data-scheme=light] .chroma .nb{color:#111}[data-scheme=light] .chroma .bp{color:#111}[data-scheme=light] .chroma .nc{color:#75af00}[data-scheme=light] .chroma .no{color:#00a8c8}[data-scheme=light] .chroma .nd{color:#75af00}[data-scheme=light] .chroma .ni{color:#111}[data-scheme=light] .chroma .ne{color:#75af00}[data-scheme=light] .chroma .nf{color:#75af00}[data-scheme=light] .chroma .fm{color:#111}[data-scheme=light] .chroma .nl{color:#111}[data-scheme=light] .chroma .nn{color:#111}[data-scheme=light] .chroma .nx{color:#75af00}[data-scheme=light] .chroma .py{color:#111}[data-scheme=light] .chroma .nt{color:#f92672}[data-scheme=light] .chroma .nv{color:#111}[data-scheme=light] .chroma .vc{color:#111}[data-scheme=light] .chroma .vg{color:#111}[data-scheme=light] .chroma .vi{color:#111}[data-scheme=light] .chroma .vm{color:#111}[data-scheme=light] .chroma .l{color:#ae81ff}[data-scheme=light] .chroma .ld{color:#d88200}[data-scheme=light] .chroma .s{color:#d88200}[data-scheme=light] .chroma .sa{color:#d88200}[data-scheme=light] .chroma .sb{color:#d88200}[data-scheme=light] .chroma .sc{color:#d88200}[data-scheme=light] .chroma .dl{color:#d88200}[data-scheme=light] .chroma .sd{color:#d88200}[data-scheme=light] .chroma .s2{color:#d88200}[data-scheme=light] .chroma .se{color:#8045ff}[data-scheme=light] .chroma .sh{color:#d88200}[data-scheme=light] .chroma .si{color:#d88200}[data-scheme=light] .chroma .sx{color:#d88200}[data-scheme=light] .chroma .sr{color:#d88200}[data-scheme=light] .chroma .s1{color:#d88200}[data-scheme=light] .chroma .ss{color:#d88200}[data-scheme=light] .chroma .m{color:#ae81ff}[data-scheme=light] .chroma .mb{color:#ae81ff}[data-scheme=light] .chroma .mf{color:#ae81ff}[data-scheme=light] .chroma .mh{color:#ae81ff}[data-scheme=light] .chroma .mi{color:#ae81ff}[data-scheme=light] .chroma .il{color:#ae81ff}[data-scheme=light] .chroma .mo{color:#ae81ff}[data-scheme=light] .chroma .o{color:#f92672}[data-scheme=light] .chroma .ow{color:#f92672}[data-scheme=light] .chroma .p{color:#111}[data-scheme=light] .chroma .c{color:#75715e}[data-scheme=light] .chroma .ch{color:#75715e}[data-scheme=light] .chroma .cm{color:#75715e}[data-scheme=light] .chroma .c1{color:#75715e}[data-scheme=light] .chroma .cs{color:#75715e}[data-scheme=light] .chroma .cp{color:#75715e}[data-scheme=light] .chroma .cpf{color:#75715e}[data-scheme=light] .chroma .gd{color:#f92672}[data-scheme=light] .chroma .ge{font-style:italic}[data-scheme=light] .chroma .gi{color:#7ca727}[data-scheme=light] .chroma .gs{font-weight:700}[data-scheme=light] .chroma .gu{color:#75715e}[data-scheme=dark]{--pre-text-color:#f8f8f2;--pre-background-color:#272822}[data-scheme=dark] .chroma{color:#f8f8f2;background-color:#272822}[data-scheme=dark] .chroma .err{color:#bb0064}[data-scheme=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-scheme=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}[data-scheme=dark] .chroma .hl{display:block;width:100%;background-color:#ffc}[data-scheme=dark] .chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-scheme=dark] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-scheme=dark] .chroma .k{color:#66d9ef}[data-scheme=dark] .chroma .kc{color:#66d9ef}[data-scheme=dark] .chroma .kd{color:#66d9ef}[data-scheme=dark] .chroma .kn{color:#f92672}[data-scheme=dark] .chroma .kp{color:#66d9ef}[data-scheme=dark] .chroma .kr{color:#66d9ef}[data-scheme=dark] .chroma .kt{color:#66d9ef}[data-scheme=dark] .chroma .na{color:#a6e22e}[data-scheme=dark] .chroma .nc{color:#a6e22e}[data-scheme=dark] .chroma .no{color:#66d9ef}[data-scheme=dark] .chroma .nd{color:#a6e22e}[data-scheme=dark] .chroma .ne{color:#a6e22e}[data-scheme=dark] .chroma .nf{color:#a6e22e}[data-scheme=dark] .chroma .nx{color:#a6e22e}[data-scheme=dark] .chroma .nt{color:#f92672}[data-scheme=dark] .chroma .l{color:#ae81ff}[data-scheme=dark] .chroma .ld{color:#e6db74}[data-scheme=dark] .chroma .s{color:#e6db74}[data-scheme=dark] .chroma .sa{color:#e6db74}[data-scheme=dark] .chroma .sb{color:#e6db74}[data-scheme=dark] .chroma .sc{color:#e6db74}[data-scheme=dark] .chroma .dl{color:#e6db74}[data-scheme=dark] .chroma .sd{color:#e6db74}[data-scheme=dark] .chroma .s2{color:#e6db74}[data-scheme=dark] .chroma .se{color:#ae81ff}[data-scheme=dark] .chroma .sh{color:#e6db74}[data-scheme=dark] .chroma .si{color:#e6db74}[data-scheme=dark] .chroma .sx{color:#e6db74}[data-scheme=dark] .chroma .sr{color:#e6db74}[data-scheme=dark] .chroma .s1{color:#e6db74}[data-scheme=dark] .chroma .ss{color:#e6db74}[data-scheme=dark] .chroma .m{color:#ae81ff}[data-scheme=dark] .chroma .mb{color:#ae81ff}[data-scheme=dark] .chroma .mf{color:#ae81ff}[data-scheme=dark] .chroma .mh{color:#ae81ff}[data-scheme=dark] .chroma .mi{color:#ae81ff}[data-scheme=dark] .chroma .il{color:#ae81ff}[data-scheme=dark] .chroma .mo{color:#ae81ff}[data-scheme=dark] .chroma .o{color:#f92672}[data-scheme=dark] .chroma .ow{color:#f92672}[data-scheme=dark] .chroma .c{color:#75715e}[data-scheme=dark] .chroma .ch{color:#75715e}[data-scheme=dark] .chroma .cm{color:#75715e}[data-scheme=dark] .chroma .c1{color:#75715e}[data-scheme=dark] .chroma .cs{color:#75715e}[data-scheme=dark] .chroma .cp{color:#75715e}[data-scheme=dark] .chroma .cpf{color:#75715e}[data-scheme=dark] .chroma .gd{color:#f92672}[data-scheme=dark] .chroma .ge{font-style:italic}[data-scheme=dark] .chroma .gi{color:#a6e22e}[data-scheme=dark] .chroma .gs{font-weight:700}[data-scheme=dark] .chroma .gu{color:#75715e}:root{--menu-icon-separation:40px;--container-padding:15px;--widget-separation:var(--section-separation)}.container{margin-left:auto;margin-right:auto}.container .left-sidebar{max-width:var(--left-sidebar-max-width)}.container .right-sidebar{max-width:var(--right-sidebar-max-width)}@media(min-width:1024px){.container .right-sidebar{display:flex}}@media(min-width:768px){.container.extended{max-width:1024px;--left-sidebar-max-width:25%;--right-sidebar-max-width:30%}}@media(min-width:1024px){.container.extended{max-width:1280px;--left-sidebar-max-width:20%;--right-sidebar-max-width:30%}}@media(min-width:1280px){.container.extended{max-width:1536px;--left-sidebar-max-width:15%;--right-sidebar-max-width:25%}}@media(min-width:768px){.container.compact{--left-sidebar-max-width:25%;max-width:768px}}@media(min-width:1024px){.container.compact{max-width:1024px;--left-sidebar-max-width:20%}}@media(min-width:1280px){.container.compact{max-width:1280px}}.flex{display:flex;flex-direction:row}.flex.column{flex-direction:column}.flex.on-phone--column{flex-direction:column}@media(min-width:768px){.flex.on-phone--column{flex-direction:unset}}.flex .full-width{width:100%}main.main{min-width:0;max-width:100%;flex-grow:1;display:flex;flex-direction:column;gap:var(--section-separation)}@media(min-width:768px){main.main{padding-top:var(--main-top-padding)}}.main-container{min-height:100vh;align-items:flex-start;padding:0 15px;gap:var(--section-separation);padding-top:var(--main-top-padding)}@media(min-width:768px){.main-container{padding:0 20px}}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!* Hamburgers +* @description Tasty CSS-animated hamburgers +* @author Jonathan Suh @jonsuh +* @site https://jonsuh.com/hamburgers +* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding-top:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:2px;background-color:var(--card-text-color-main);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}#toggle-menu{background:0 0;border:none;position:absolute;right:0;top:0;z-index:2;cursor:pointer;outline:none}[dir=rtl] #toggle-menu{left:0;right:auto}@media(min-width:768px){#toggle-menu{display:none}}#toggle-menu.is-active .hamburger-inner,#toggle-menu.is-active .hamburger-inner::before,#toggle-menu.is-active .hamburger-inner::after{background-color:var(--accent-color)}.menu{padding-left:0;list-style:none;flex-direction:column;overflow-y:auto;flex-grow:1;font-size:1.4rem;background-color:var(--card-background);box-shadow:var(--shadow-l1);display:none;margin:0 calc(var(--container-padding) * -1);padding:30px}@media(min-width:1280px){.menu{padding:15px 0}}.menu,.menu .menu-bottom-section{gap:30px}@media(min-width:1280px){.menu,.menu .menu-bottom-section{gap:25px}}.menu.show{display:flex}@media(min-width:768px){.menu{align-items:flex-end;display:flex;background-color:transparent;padding:0;box-shadow:none;margin:0}}.menu li{position:relative;vertical-align:middle;padding:0}@media(min-width:768px){.menu li{width:100%}}.menu li svg{stroke-width:1.33;width:20px;height:20px}.menu li a{height:100%;display:inline-flex;align-items:center;color:var(--body-text-color);gap:var(--menu-icon-separation)}.menu li span{flex:1}.menu li.current a{color:var(--accent-color);font-weight:700}.menu .menu-bottom-section{margin-top:auto;display:flex;flex-direction:column;width:100%}.social-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;gap:10px}.social-menu svg{width:24px;height:24px;stroke:var(--body-text-color);stroke-width:1.33}.article-list{display:flex;flex-direction:column;gap:var(--section-separation)}.article-list article{display:flex;flex-direction:column;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .3s ease}.article-list article:hover{box-shadow:var(--shadow-l2)}.article-list article .article-image img{width:100%;height:150px;object-fit:cover}@media(min-width:768px){.article-list article .article-image img{height:200px}}@media(min-width:1280px){.article-list article .article-image img{height:250px}}.article-list article:nth-child(5n+1) .article-category a{background:#8ea885;color:#fff}.article-list article:nth-child(5n+2) .article-category a{background:#df7988;color:#fff}.article-list article:nth-child(5n+3) .article-category a{background:#0177b8;color:#fff}.article-list article:nth-child(5n+4) .article-category a{background:#ffb900;color:#fff}.article-list article:nth-child(5n+5) .article-category a{background:#6b69d6;color:#fff}.article-details{display:flex;flex-direction:column;justify-content:center;padding:var(--card-padding);gap:15px}.article-title{font-weight:600;margin:0;color:var(--card-text-color-main);font-size:2.2rem}@media(min-width:1280px){.article-title{font-size:2.4rem}}.article-title a{color:var(--card-text-color-main)}.article-title a:hover{color:var(--card-text-color-main)}.article-subtitle{font-weight:400;color:var(--card-text-color-secondary);line-height:1.5;margin:0;font-size:1.75rem}@media(min-width:1280px){.article-subtitle{font-size:2rem}}.article-title-wrapper{display:flex;flex-direction:column;gap:8px}.article-time,.article-translations{display:flex;align-items:center;color:var(--card-text-color-tertiary);gap:15px;flex-wrap:wrap}.article-time svg,.article-translations svg{vertical-align:middle;width:20px;height:20px;stroke-width:1.33}.article-time time,.article-time a,.article-translations time,.article-translations a{font-size:1.4rem;color:var(--card-text-color-tertiary)}.article-time>div,.article-translations>div{display:inline-flex;align-items:center;gap:15px}.article-category,.article-tags{display:flex;gap:10px}.article-category a,.article-tags a{color:var(--accent-color-text);background-color:var(--accent-color);padding:8px 16px;border-radius:var(--tag-border-radius);display:inline-block;font-size:1.4rem;transition:background-color .5s ease}.article-category a:hover,.article-tags a:hover{color:var(--accent-color-text);background-color:var(--accent-color-darker)}.article-list--compact{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background);--image-size:50px}@media(min-width:768px){.article-list--compact{--image-size:60px}}.article-list--compact article>a{display:flex;align-items:center;padding:var(--small-card-padding);gap:15px}.article-list--compact article:not(:last-of-type){border-bottom:1.5px solid var(--card-separator-color)}.article-list--compact article .article-details{flex-grow:1;padding:0;min-height:var(--image-size);gap:10px}.article-list--compact article .article-title{margin:0;font-size:1.6rem}@media(min-width:768px){.article-list--compact article .article-title{font-size:1.8rem}}.article-list--compact article .article-image img{width:var(--image-size);height:var(--image-size);object-fit:cover}.article-list--compact article .article-time{font-size:1.4rem}.article-list--compact article .article-preview{font-size:1.4rem;color:var(--card-text-color-tertiary);margin-top:10px;line-height:1.5}.article-list--tile article{border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:350px;width:250px;box-shadow:var(--shadow-l1);transition:box-shadow .3s ease;background-color:var(--card-background)}.article-list--tile article:hover{box-shadow:var(--shadow-l2)}.article-list--tile article.has-image .article-details{background-color:rgba(0,0,0,.25)}.article-list--tile article.has-image .article-title{color:#fff}.article-list--tile article .article-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-list--tile article .article-image img{width:100%;height:100%;object-fit:cover}.article-list--tile article .article-details{border-radius:var(--card-border-radius);position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;padding:15px}@media(min-width:640px){.article-list--tile article .article-details{padding:20px}}.article-list--tile article .article-title{font-size:2rem;font-weight:500;color:var(--card-text-color-main)}@media(min-width:640px){.article-list--tile article .article-title{font-size:2.2rem}}.widget{display:flex;flex-direction:column}.widget .widget-icon svg{width:32px;height:32px;stroke-width:1.6;color:var(--body-text-color)}.tagCloud .tagCloud-tags{display:flex;flex-wrap:wrap;gap:10px}.tagCloud .tagCloud-tags a{background:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--tag-border-radius);padding:8px 20px;color:var(--card-text-color-main);font-size:1.4rem;transition:box-shadow .3s ease}.tagCloud .tagCloud-tags a:hover{box-shadow:var(--shadow-l2)}.widget.archives .widget-archive--list{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background)}.widget.archives .archives-year:not(:last-of-type){border-bottom:1.5px solid var(--card-separator-color)}.widget.archives .archives-year a{font-size:1.4rem;padding:18px 25px;display:flex}.widget.archives .archives-year a span.year{flex:1;color:var(--card-text-color-main);font-weight:700}.widget.archives .archives-year a span.count{color:var(--card-text-color-tertiary)}footer.site-footer{padding:20px 0 var(--section-separation);font-size:1.4rem;line-height:1.75}footer.site-footer:before{content:"";display:block;height:3px;width:50px;background:var(--body-text-color);margin-bottom:20px}footer.site-footer .copyright{color:var(--accent-color);font-weight:700;margin-bottom:5px}footer.site-footer .powerby{color:var(--body-text-color);font-weight:400;font-size:1.2rem}footer.site-footer .powerby a{color:var(--body-text-color)}.pagination{display:flex;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;flex-wrap:wrap}.pagination .page-link{padding:16px 32px;display:inline-flex;color:var(--card-text-color-secondary)}.pagination .page-link.current{font-weight:700;background-color:var(--card-background-selected);color:var(--card-text-color-main)}@media(min-width:768px){.sidebar.sticky{position:sticky}}.left-sidebar{display:flex;flex-direction:column;flex-shrink:0;align-self:stretch;gap:var(--sidebar-element-separation);max-width:none;width:100%;position:relative;--sidebar-avatar-size:100px;--sidebar-element-separation:20px;--emoji-size:40px;--emoji-font-size:20px}@media(min-width:768px){.left-sidebar{width:auto;padding-top:var(--main-top-padding);padding-bottom:var(--main-top-padding);max-height:100vh}}@media(min-width:1536px){.left-sidebar{--sidebar-avatar-size:120px;--sidebar-element-separation:25px;--emoji-size:40px}}.left-sidebar.sticky{top:0}.left-sidebar.compact{--sidebar-avatar-size:80px;--emoji-size:30px;--emoji-font-size:15px}@media(min-width:1024px){.left-sidebar.compact header{flex-direction:row}}.left-sidebar.compact header .site-meta{gap:5px}.left-sidebar.compact header .site-name{font-size:1.4rem}@media(min-width:1536px){.left-sidebar.compact header .site-name{font-size:1.75rem}}.left-sidebar.compact header .site-description{font-size:1.4rem}.right-sidebar{width:100%;display:none;flex-direction:column;gap:var(--widget-separation)}.right-sidebar.sticky{top:0}@media(min-width:1024px){.right-sidebar{padding-top:var(--main-top-padding)}}.sidebar header{z-index:1;transition:box-shadow .5s ease;display:flex;flex-direction:column;gap:var(--sidebar-element-separation)}@media(min-width:768px){.sidebar header{padding:0}}.sidebar header .site-avatar{position:relative;margin:0;width:var(--sidebar-avatar-size);height:var(--sidebar-avatar-size);flex-shrink:0}.sidebar header .site-avatar .site-logo{width:100%;height:100%;border-radius:100%;box-shadow:var(--shadow-l1)}.sidebar header .site-avatar .emoji{position:absolute;width:var(--emoji-size);height:var(--emoji-size);line-height:var(--emoji-size);border-radius:100%;bottom:0;right:0;text-align:center;font-size:var(--emoji-font-size);background-color:var(--card-background);box-shadow:var(--shadow-l2)}.sidebar header .site-meta{display:flex;flex-direction:column;gap:10px;justify-content:center}.sidebar header .site-name{color:var(--accent-color);margin:0;font-size:1.6rem}@media(min-width:1536px){.sidebar header .site-name{font-size:1.8rem}}.sidebar header .site-description{color:var(--body-text-color);font-weight:400;margin:0;font-size:1.4rem}@media(min-width:1536px){.sidebar header .site-description{font-size:1.6rem}}[data-scheme=dark] #dark-mode-toggle{color:var(--accent-color);font-weight:700}[data-scheme=dark] #dark-mode-toggle .icon-tabler-toggle-left{display:none}[data-scheme=dark] #dark-mode-toggle .icon-tabler-toggle-right{display:unset}#dark-mode-toggle{margin-top:auto;color:var(--body-text-color);display:flex;align-items:center;cursor:pointer;gap:var(--menu-icon-separation)}#dark-mode-toggle .icon-tabler-toggle-right{display:none}#i18n-switch{color:var(--body-text-color);display:inline-flex;align-content:center;gap:var(--menu-icon-separation)}#i18n-switch select{border:0;background-color:transparent;color:var(--body-text-color)}#i18n-switch select option{color:var(--card-text-color-main);background-color:var(--card-background)}html{font-size:62.5%;overflow-y:scroll}*{box-sizing:border-box}body{background:var(--body-background);margin:0;font-family:var(--base-font-family);font-size:1.6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb)transparent}::-webkit-scrollbar{height:auto}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}::-webkit-scrollbar-track{background-color:transparent}.article-page.hide-sidebar-sm .left-sidebar{display:none}@media(min-width:768px){.article-page.hide-sidebar-sm .left-sidebar{display:inherit}}.article-page .main-article{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);overflow:hidden}.article-page .main-article .article-header .article-image img{height:auto;width:100%;max-height:50vh;object-fit:cover}.article-page .main-article .article-header .article-details{padding:var(--card-padding);padding-bottom:0}.article-page .main-article .article-content{margin:var(--card-padding)0;color:var(--card-text-color-main)}.article-page .main-article .article-content img{max-width:100%;height:auto}.article-page .main-article .article-footer{margin:var(--card-padding);margin-top:0}.article-page .main-article .article-footer section:not(:first-child){margin-top:var(--card-padding)}.article-page .main-article .article-footer section{color:var(--card-text-color-tertiary);text-transform:uppercase;display:flex;align-items:center;font-size:1.4rem;gap:15px}.article-page .main-article .article-footer section svg{width:20px;height:20px;stroke-width:1.33}.article-page .main-article .article-footer .article-tags{flex-wrap:wrap;text-transform:unset}.article-page .main-article .article-footer .article-copyright a,.article-page .main-article .article-footer .article-lastmod a{color:var(--body-text-color)}.widget--toc{background-color:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);display:flex;flex-direction:column;color:var(--card-text-color-main);overflow:hidden}.widget--toc ::-webkit-scrollbar-thumb{background-color:var(--card-separator-color)}.widget--toc #TableOfContents{overflow-x:auto;max-height:75vh}.widget--toc #TableOfContents ol,.widget--toc #TableOfContents ul{margin:0;padding:0}.widget--toc #TableOfContents ol{list-style-type:none;counter-reset:item}.widget--toc #TableOfContents ol li a::before{counter-increment:item;content:counters(item,".")". ";font-weight:700;margin-right:5px}.widget--toc #TableOfContents>ul{padding:0 1em}.widget--toc #TableOfContents li{margin:15px 0 15px 20px;padding:5px}.widget--toc #TableOfContents li>ol,.widget--toc #TableOfContents li>ul{margin-top:10px;padding-left:10px;margin-bottom:-5px}.widget--toc #TableOfContents li>ol>li:last-child,.widget--toc #TableOfContents li>ul>li:last-child{margin-bottom:0}.widget--toc #TableOfContents li.active-class>a{border-left:var(--heading-border-size)solid var(--accent-color);font-weight:700}.widget--toc #TableOfContents ul li.active-class>a{display:block}.widget--toc #TableOfContents>ul>li.active-class>a{margin-left:calc(-25px - 1em);padding-left:calc(25px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li.active-class>a{margin-left:calc(-9px - 1em);padding-left:calc(9px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li.active-class>a{margin-left:calc(-60px - 1em);padding-left:calc(60px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li.active-class>a{margin-left:calc(-44px - 1em);padding-left:calc(44px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li>ul>li.active-class>a{margin-left:calc(-95px - 1em);padding-left:calc(95px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li>ol>li.active-class>a{margin-left:calc(-79px - 1em);padding-left:calc(79px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li>ul>li>ul>li.active-class>a{margin-left:calc(-130px - 1em);padding-left:calc(130px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li>ol>li>ol>li.active-class>a{margin-left:calc(-114px - 1em);padding-left:calc(114px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li>ul>li>ul>li>ul>li.active-class>a{margin-left:calc(-165px - 1em);padding-left:calc(165px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li>ol>li>ol>li>ol>li.active-class>a{margin-left:calc(-149px - 1em);padding-left:calc(149px + 1em - var(--heading-border-size));display:block}.related-contents{overflow-x:auto;padding-bottom:15px}.related-contents>.flex{float:left}.related-contents article{margin-right:15px;flex-shrink:0;overflow:hidden;width:250px;height:150px}.related-contents article .article-title{font-size:1.8rem;margin:0}.related-contents article.has-image .article-details{padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.75) 100%)}.article-content{font-family:var(--article-font-family);font-size:var(--article-font-size);padding:0 var(--card-padding);line-height:var(--article-line-height)}.article-content>p{margin:1.5em 0}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-inline-start:calc((var(--card-padding)) * -1);padding-inline-start:calc(var(--card-padding) - var(--heading-border-size));border-inline-start:var(--heading-border-size)solid var(--accent-color)}.article-content figure{text-align:center}.article-content figure figcaption{font-size:1.4rem;color:var(--card-text-color-secondary)}.article-content blockquote{position:relative;margin:1.5em 0;border-inline-start:var(--blockquote-border-size)solid var(--card-separator-color);padding:15px calc(var(--card-padding) - var(--blockquote-border-size));background-color:var(--blockquote-background-color)}.article-content hr{width:100px;margin:40px auto;background:var(--card-text-color-tertiary);height:2px;border:0;opacity:.55}.article-content code{color:var(--code-text-color);background-color:var(--code-background-color);padding:2px 4px;border-radius:var(--tag-border-radius);font-family:var(--code-font-family)}.article-content .gallery{position:relative;display:flex;flex-direction:row;justify-content:center;margin:1.5em 0;gap:10px}.article-content .gallery figure{margin:0}.article-content pre{overflow-x:auto;display:block;background-color:var(--pre-background-color);color:var(--pre-text-color);font-family:var(--code-font-family);line-height:1.428571429;word-break:break-all;padding:var(--card-padding)}[dir=rtl] .article-content pre{direction:ltr}.article-content pre code{color:unset;border:none;background:0 0;padding:0}.article-content .highlight{background-color:var(--pre-background-color);padding:var(--card-padding);position:relative}.article-content .highlight:hover .copyCodeButton{opacity:1}[dir=rtl] .article-content .highlight{direction:ltr}.article-content .highlight pre{margin:initial;padding:0;margin:0;width:auto}.article-content .copyCodeButton{position:absolute;top:calc(var(--card-padding));right:calc(var(--card-padding));background:var(--card-background);border:none;box-shadow:var(--shadow-l2);border-radius:var(--tag-border-radius);padding:8px 16px;color:var(--card-text-color-main);cursor:pointer;font-size:14px;opacity:0;transition:opacity .3s ease}.article-content .table-wrapper{padding:0 var(--card-padding);overflow-x:auto;display:block}.article-content table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em}.article-content th,.article-content td{text-align:left;padding:4px 8px 4px 10px;border:1px solid var(--table-border-color)}.article-content td{vertical-align:top}.article-content tr:nth-child(even){background-color:var(--tr-even-background-color)}.article-content .twitter-tweet{color:var(--card-text-color-main)}.article-content .video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.article-content .video-wrapper>iframe,.article-content .video-wrapper>video{position:absolute;width:100%;height:100%;left:0;top:0;border:0}.article-content blockquote,.article-content figure,.article-content .highlight,.article-content pre,.article-content .gallery,.article-content .video-wrapper,.article-content .table-wrapper,.article-content .s_video_simple{margin-left:calc((var(--card-padding)) * -1);margin-right:calc((var(--card-padding)) * -1);width:calc(100% + var(--card-padding) * 2)}.section-card{border-radius:var(--card-border-radius);background-color:var(--card-background);padding:var(--small-card-padding);box-shadow:var(--shadow-l1);display:flex;align-items:center;gap:20px;--separation:15px}.section-card .section-term{font-size:2.2rem;margin:0;color:var(--card-text-color-main)}.section-card .section-description{font-weight:400;color:var(--card-text-color-secondary);font-size:1.6rem;margin:0}.section-card .section-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.section-card .section-image img{width:60px;height:60px}.section-card .section-count{color:var(--card-text-color-tertiary);font-size:1.4rem;margin:0;font-weight:700;text-transform:uppercase}.subsection-list{overflow-x:auto}.subsection-list .article-list--tile{display:flex;padding-bottom:15px}.subsection-list .article-list--tile article{width:250px;height:150px;margin-right:20px;flex-shrink:0}.subsection-list .article-list--tile article .article-title{margin:0;font-size:1.8rem}.subsection-list .article-list--tile article .article-details{padding:20px}.not-found-card{background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);padding:var(--card-padding)}.search-form{position:relative;--button-size:80px}.search-form.widget{--button-size:60px}.search-form.widget label{font-size:1.3rem;top:10px}.search-form.widget input{font-size:1.5rem;padding:30px 20px 15px}.search-form p{position:relative;margin:0}.search-form label{position:absolute;top:15px;inset-inline-start:20px;font-size:1.4rem;color:var(--card-text-color-tertiary)}.search-form input{padding:40px 20px 20px;border-radius:var(--card-border-radius);background-color:var(--card-background);box-shadow:var(--shadow-l1);color:var(--card-text-color-main);width:100%;border:0;-webkit-appearance:none;transition:box-shadow .3s ease;font-size:1.8rem}.search-form input:focus{outline:0;box-shadow:var(--shadow-l2)}.search-form button{position:absolute;inset-inline-end:0;top:0;height:100%;width:var(--button-size);cursor:pointer;background-color:transparent;border:0;padding:0 10px}.search-form button:focus{outline:0}.search-form button:focus svg{stroke-width:2;color:var(--accent-color)}.search-form button svg{color:var(--card-text-color-secondary);stroke-width:1.33;transition:all .3s ease;width:20px;height:20px}a{text-decoration:none;color:var(--accent-color)}a:hover{color:var(--accent-color-darker)}a.link{box-shadow:0 -2px rgba(var(--link-background-color),var(--link-background-opacity))inset;transition:all .3s ease}a.link:hover{box-shadow:0 -10px rgba(var(--link-background-color),var(--link-background-opacity-hover))inset}.section-title{text-transform:uppercase;margin-top:0;margin-bottom:10px;display:block;font-size:1.6rem;font-weight:700;color:var(--body-text-color)}.section-title a{color:var(--body-text-color)} \ No newline at end of file diff --git a/search/index.html b/search/index.html new file mode 100644 index 0000000..087759f --- /dev/null +++ b/search/index.html @@ -0,0 +1,289 @@ + + + +Search + + + + + + + + + + + + + +
+
+
+

+ + +

+ + +
+ +
+

+
+
+ + + + + + +
+
+ + + + + diff --git a/search/index.json b/search/index.json new file mode 100644 index 0000000..76f9d5d --- /dev/null +++ b/search/index.json @@ -0,0 +1 @@ +[{"content":"This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.\nHeadings The following HTML \u0026lt;h1\u0026gt;—\u0026lt;h6\u0026gt; elements represent six levels of section headings. \u0026lt;h1\u0026gt; is the highest section level while \u0026lt;h6\u0026gt; is the lowest.\nH1 H2 H3 H4 H5 H6 Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\nBlockquotes The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.\nBlockquote without attribution Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.\n Blockquote with attribution Don\u0026rsquo;t communicate by sharing memory, share memory by communicating.— Rob Pike1 Tables Tables aren\u0026rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.\n Name Age Bob 27 Alice 23 Inline Markdown within tables Italics Bold Code italics bold code A B C D E F Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex. Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus Proin sit amet velit nec enim imperdiet vehicula. Ut bibendum vestibulum quam, eu egestas turpis gravida nec Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien Code Blocks Code block with backticks 1 2 3 4 5 6 7 8 9 10 \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block indented with four spaces \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026quot;en\u0026quot;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with Hugo\u0026rsquo;s internal highlight shortcode 1 2 3 4 5 6 7 8 9 10 \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Diff code block 1 2 3 4 5 [dependencies.bevy] git = \u0026#34;https://github.com/bevyengine/bevy\u0026#34; rev = \u0026#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13\u0026#34; - features = [\u0026#34;dynamic\u0026#34;] + features = [\u0026#34;jpeg\u0026#34;, \u0026#34;dynamic\u0026#34;] List Types Ordered List First item Second item Third item Unordered List List item Another item And another item Nested list Fruit Apple Orange Banana Dairy Milk Cheese Other Elements — abbr, sub, sup, kbd, mark GIFis a bitmap image format.\nH2O\nXn+ Yn= ZnPress CTRL+ALT+Deleteto end the session.\nMost salamandersare nocturnal, and hunt for insects, worms, and other small creatures.\nHyperlinked image \n The above quote is excerpted from Rob Pike\u0026rsquo;s talk during Gopherfest, November 18, 2015.\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n ","date":"2019-03-11T00:00:00Z","image":"https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash_hud7e36f7e20e71be184458283bdae4646_55974_120x120_fill_q75_box_smart1.jpg","permalink":"https://nldxtd.github.io/p/markdown-syntax-guide/","title":"Markdown Syntax Guide"},{"content":"Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.\nIn this example we will be using KaTeX\n Create a partial under /layouts/partials/math.html Within this partial reference the Auto-render Extension or host these scripts locally. Include the partial in your templates like so: 1 2 3 {{ if or .Params.math .Site.Params.math }} {{ partial \u0026#34;math.html\u0026#34; . }} {{ end }} To enable KaTex globally set the parameter math to true in a project\u0026rsquo;s configuration To enable KaTex on a per page basis include the parameter math: true in content files Note: Use the online reference of Supported TeX Functions\nExamples Block math: $$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$\n","date":"2019-03-08T00:00:00Z","permalink":"https://nldxtd.github.io/p/math-typesetting/","title":"Math Typesetting"}] \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..3f12faf --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,56 @@ + + + + https://nldxtd.github.io/ + 2019-08-21T00:00:00+00:00 + + https://nldxtd.github.io/about/ + 2019-08-21T00:00:00+00:00 + + https://nldxtd.github.io/page/ + 2019-08-21T00:00:00+00:00 + + https://nldxtd.github.io/archives/ + 2019-05-28T00:00:00+00:00 + + https://nldxtd.github.io/categories/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/tags/css/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/tags/html/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/tags/markdown/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/post/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/categories/syntax/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/tags/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/tags/themes/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/categories/themes/ + 2019-03-11T00:00:00+00:00 + + https://nldxtd.github.io/p/math-typesetting/ + 2019-03-08T00:00:00+00:00 + + https://nldxtd.github.io/projects/ + + https://nldxtd.github.io/search/ + + https://nldxtd.github.io/categories/test/ + + diff --git a/tags/css/index.html b/tags/css/index.html new file mode 100644 index 0000000..fb58d0c --- /dev/null +++ b/tags/css/index.html @@ -0,0 +1,425 @@ + + + +Tag: css - NLDXTD + + + + + + + + + + + + + +
+
+
+

+ + Tags + +

+ +
+
+

1 page

+

css

+ +
+
+
+ +
+ + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/tags/css/index.xml b/tags/css/index.xml new file mode 100644 index 0000000..ffcfa5d --- /dev/null +++ b/tags/css/index.xml @@ -0,0 +1,241 @@ + + + + css on NLDXTD + https://nldxtd.github.io/tags/css/ + Recent content in css on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + + diff --git a/tags/css/page/1/index.html b/tags/css/page/1/index.html new file mode 100644 index 0000000..78148b9 --- /dev/null +++ b/tags/css/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/tags/css/ \ No newline at end of file diff --git a/tags/html/index.html b/tags/html/index.html new file mode 100644 index 0000000..e75e3e2 --- /dev/null +++ b/tags/html/index.html @@ -0,0 +1,425 @@ + + + +Tag: html - NLDXTD + + + + + + + + + + + + + +
+
+
+

+ + Tags + +

+ +
+
+

1 page

+

html

+ +
+
+
+ +
+ + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/tags/html/index.xml b/tags/html/index.xml new file mode 100644 index 0000000..b4934af --- /dev/null +++ b/tags/html/index.xml @@ -0,0 +1,241 @@ + + + + html on NLDXTD + https://nldxtd.github.io/tags/html/ + Recent content in html on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + + diff --git a/tags/html/page/1/index.html b/tags/html/page/1/index.html new file mode 100644 index 0000000..c3fc0c8 --- /dev/null +++ b/tags/html/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/tags/html/ \ No newline at end of file diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 0000000..7ae018c --- /dev/null +++ b/tags/index.html @@ -0,0 +1,450 @@ + + + +Tags + + + + + + + + + + + + + +
+
+
+

+ + Section + +

+ +
+
+

4 pages

+

Tags

+ +
+
+
+ + +
+ + + + + + + + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/tags/index.xml b/tags/index.xml new file mode 100644 index 0000000..84ea7d9 --- /dev/null +++ b/tags/index.xml @@ -0,0 +1,43 @@ + + + + Tags on NLDXTD + https://nldxtd.github.io/tags/ + Recent content in Tags on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + css + https://nldxtd.github.io/tags/css/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/tags/css/ + + + + html + https://nldxtd.github.io/tags/html/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/tags/html/ + + + + markdown + https://nldxtd.github.io/tags/markdown/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/tags/markdown/ + + + + themes + https://nldxtd.github.io/tags/themes/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/tags/themes/ + + + + + diff --git a/tags/markdown/index.html b/tags/markdown/index.html new file mode 100644 index 0000000..c25ea59 --- /dev/null +++ b/tags/markdown/index.html @@ -0,0 +1,425 @@ + + + +Tag: markdown - NLDXTD + + + + + + + + + + + + + +
+
+
+

+ + Tags + +

+ +
+
+

1 page

+

markdown

+ +
+
+
+ +
+ + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/tags/markdown/index.xml b/tags/markdown/index.xml new file mode 100644 index 0000000..af117e8 --- /dev/null +++ b/tags/markdown/index.xml @@ -0,0 +1,241 @@ + + + + markdown on NLDXTD + https://nldxtd.github.io/tags/markdown/ + Recent content in markdown on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + + diff --git a/tags/markdown/page/1/index.html b/tags/markdown/page/1/index.html new file mode 100644 index 0000000..6f0690a --- /dev/null +++ b/tags/markdown/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/tags/markdown/ \ No newline at end of file diff --git a/tags/page/1/index.html b/tags/page/1/index.html new file mode 100644 index 0000000..41f23e1 --- /dev/null +++ b/tags/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/tags/ \ No newline at end of file diff --git a/tags/themes/index.html b/tags/themes/index.html new file mode 100644 index 0000000..50a3d9d --- /dev/null +++ b/tags/themes/index.html @@ -0,0 +1,425 @@ + + + +Tag: themes - NLDXTD + + + + + + + + + + + + + +
+
+
+

+ + Tags + +

+ +
+
+

1 page

+

themes

+ +
+
+
+ +
+ + + +
+
+
+ © + + 2020 - + + 2023 NLDXTD +
+ +
+ Built with Hugo
+ Theme Stack designed by Jimmy +
+
+ + +
+ + + +
+ + + + + diff --git a/tags/themes/index.xml b/tags/themes/index.xml new file mode 100644 index 0000000..845fae7 --- /dev/null +++ b/tags/themes/index.xml @@ -0,0 +1,241 @@ + + + + themes on NLDXTD + https://nldxtd.github.io/tags/themes/ + Recent content in themes on NLDXTD + Hugo -- gohugo.io + en-us + Mon, 11 Mar 2019 00:00:00 +0000 + Markdown Syntax Guide + https://nldxtd.github.io/p/markdown-syntax-guide/ + Mon, 11 Mar 2019 00:00:00 +0000 + + https://nldxtd.github.io/p/markdown-syntax-guide/ + <img src="https://nldxtd.github.io/p/markdown-syntax-guide/pawel-czerwinski-8uZPynIu-rQ-unsplash.jpg" alt="Featured image of post Markdown Syntax Guide" /><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> +<h2 id="headings">Headings</h2> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1</h1> +<h2 id="h2">H2</h2> +<h3 id="h3">H3</h3> +<h4 id="h4">H4</h4> +<h5 id="h5">H5</h5> +<h6 id="h6">H6</h6> +<h2 id="paragraph">Paragraph</h2> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h2 id="blockquotes">Blockquotes</h2> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h4 id="blockquote-without-attribution">Blockquote without attribution</h4> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h4 id="blockquote-with-attribution">Blockquote with attribution</h4> +<blockquote> +<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted --> +— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p> +</blockquote> +<h2 id="tables">Tables</h2> +<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p> +<table> +<thead> +<tr> +<th>Name</th> +<th>Age</th> +</tr> +</thead> +<tbody> +<tr> +<td>Bob</td> +<td>27</td> +</tr> +<tr> +<td>Alice</td> +<td>23</td> +</tr> +</tbody> +</table> +<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> +<table> +<thead> +<tr> +<th>Italics</th> +<th>Bold</th> +<th>Code</th> +</tr> +</thead> +<tbody> +<tr> +<td><em>italics</em></td> +<td><strong>bold</strong></td> +<td><code>code</code></td> +</tr> +</tbody> +</table> +<table> +<thead> +<tr> +<th>A</th> +<th>B</th> +<th>C</th> +<th>D</th> +<th>E</th> +<th>F</th> +</tr> +</thead> +<tbody> +<tr> +<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> +<td>Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.</td> +<td>Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus</td> +<td>Proin sit amet velit nec enim imperdiet vehicula.</td> +<td>Ut bibendum vestibulum quam, eu egestas turpis gravida nec</td> +<td>Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien</td> +</tr> +</tbody> +</table> +<h2 id="code-blocks">Code Blocks</h2> +<h4 id="code-block-with-backticks">Code block with backticks</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> +</code></pre></td></tr></table> +</div> +</div><h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> +<pre><code>&lt;!doctype html&gt; +&lt;html lang=&quot;en&quot;&gt; +&lt;head&gt; + &lt;meta charset=&quot;utf-8&quot;&gt; + &lt;title&gt;Example HTML5 Document&lt;/title&gt; +&lt;/head&gt; +&lt;body&gt; + &lt;p&gt;Test&lt;/p&gt; +&lt;/body&gt; +&lt;/html&gt; +</code></pre> +<h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt"> 1 +</span><span class="lnt"> 2 +</span><span class="lnt"> 3 +</span><span class="lnt"> 4 +</span><span class="lnt"> 5 +</span><span class="lnt"> 6 +</span><span class="lnt"> 7 +</span><span class="lnt"> 8 +</span><span class="lnt"> 9 +</span><span class="lnt">10 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!doctype html&gt;</span> +<span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> +<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> + <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> +<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></code></pre></td></tr></table> +</div> +</div> +<h4 id="diff-code-block">Diff code block</h4> +<div class="highlight"><div class="chroma"> +<table class="lntable"><tr><td class="lntd"> +<pre tabindex="0" class="chroma"><code><span class="lnt">1 +</span><span class="lnt">2 +</span><span class="lnt">3 +</span><span class="lnt">4 +</span><span class="lnt">5 +</span></code></pre></td> +<td class="lntd"> +<pre tabindex="0" class="chroma"><code class="language-diff" data-lang="diff">[dependencies.bevy] +git = &#34;https://github.com/bevyengine/bevy&#34; +rev = &#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&#34; +<span class="gd">- features = [&#34;dynamic&#34;] +</span><span class="gd"></span><span class="gi">+ features = [&#34;jpeg&#34;, &#34;dynamic&#34;] +</span></code></pre></td></tr></table> +</div> +</div><h2 id="list-types">List Types</h2> +<h4 id="ordered-list">Ordered List</h4> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h4 id="unordered-list">Unordered List</h4> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h4 id="nested-list">Nested list</h4> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> +<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p> +<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p> +<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p> +<p>Press <!-- raw HTML omitted --><!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --><!-- raw HTML omitted --> to end the session.</p> +<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p> +<h2 id="hyperlinked-image">Hyperlinked image</h2> +<p><a class="link" href="https://google.com" target="_blank" rel="noopener" + ><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" + + + + loading="lazy" + + alt="Google" + + +></a></p> +<section class="footnotes" role="doc-endnotes"> +<hr> +<ol> +<li id="fn:1" role="doc-endnote"> +<p>The above quote is excerpted from Rob Pike&rsquo;s <a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener" + >talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> +</li> +</ol> +</section> + + + + diff --git a/tags/themes/page/1/index.html b/tags/themes/page/1/index.html new file mode 100644 index 0000000..b155807 --- /dev/null +++ b/tags/themes/page/1/index.html @@ -0,0 +1 @@ +https://nldxtd.github.io/tags/themes/ \ No newline at end of file diff --git a/ts/main.js b/ts/main.js new file mode 100644 index 0000000..bd3f6bf --- /dev/null +++ b/ts/main.js @@ -0,0 +1,11 @@ +(()=>{var f=class{constructor(t,n=1){this.items=[];if(window.PhotoSwipe==null||window.PhotoSwipeUI_Default==null){console.error("PhotoSwipe lib not loaded.");return}this.galleryUID=n,f.createGallery(t),this.loadItems(t),this.bindClick()}loadItems(t){this.items=[];let n=t.querySelectorAll("figure.gallery-image");for(let i of n){let r=i.querySelector("figcaption"),o=i.querySelector("img"),s={w:parseInt(o.getAttribute("width")),h:parseInt(o.getAttribute("height")),src:o.src,msrc:o.getAttribute("data-thumb")||o.src,el:i};r&&(s.title=r.innerHTML),this.items.push(s)}}static createGallery(t){let n=t.querySelectorAll("img.gallery-image");for(let o of Array.from(n)){let s=o.closest("p");if(!s||!t.contains(s)||(s.textContent.trim()==""&&s.classList.add("no-text"),!s.classList.contains("no-text")))continue;let m=o.parentElement.tagName=="A",d=o,c=document.createElement("figure");if(c.style.setProperty("flex-grow",o.getAttribute("data-flex-grow")||"1"),c.style.setProperty("flex-basis",o.getAttribute("data-flex-basis")||"0"),m&&(d=o.parentElement),d.parentElement.insertBefore(c,d),c.appendChild(d),o.hasAttribute("alt")){let l=document.createElement("figcaption");l.innerText=o.getAttribute("alt"),c.appendChild(l)}if(!m){c.className="gallery-image";let l=document.createElement("a");l.href=o.src,l.setAttribute("target","_blank"),o.parentNode.insertBefore(l,o),l.appendChild(o)}}let i=t.querySelectorAll("figure.gallery-image"),r=[];for(let o of i)r.length?o.previousElementSibling===r[r.length-1]?r.push(o):r.length&&(f.wrap(r),r=[o]):r=[o];r.length>0&&f.wrap(r)}static wrap(t){let n=document.createElement("div");n.className="gallery";let i=t[0].parentNode,r=t[0];i.insertBefore(n,r);for(let o of t)n.appendChild(o)}open(t){let n=document.querySelector(".pswp");new window.PhotoSwipe(n,window.PhotoSwipeUI_Default,this.items,{index:t,galleryUID:this.galleryUID,getThumbBoundsFn:r=>{let o=this.items[r].el.getElementsByTagName("img")[0],s=window.pageYOffset||document.documentElement.scrollTop,a=o.getBoundingClientRect();return{x:a.left,y:a.top+s,w:a.width}}}).init()}bindClick(){for(let[t,n]of this.items.entries())n.el.querySelector("a").addEventListener("click",r=>{r.preventDefault(),this.open(t)})}},y=f;var h={};if(localStorage.hasOwnProperty("StackColorsCache"))try{h=JSON.parse(localStorage.getItem("StackColorsCache"))}catch{h={}}async function b(e,t,n){if(!e)return await Vibrant.from(n).getPalette();if(!h.hasOwnProperty(e)||h[e].hash!==t){let i=await Vibrant.from(n).getPalette();h[e]={hash:t,Vibrant:{hex:i.Vibrant.hex,rgb:i.Vibrant.rgb,bodyTextColor:i.Vibrant.bodyTextColor},DarkMuted:{hex:i.DarkMuted.hex,rgb:i.DarkMuted.rgb,bodyTextColor:i.DarkMuted.bodyTextColor}},localStorage.setItem("StackColorsCache",JSON.stringify(h))}return h[e]}var D=(e,t=500)=>{e.classList.add("transiting"),e.style.transitionProperty="height, margin, padding",e.style.transitionDuration=t+"ms",e.style.height=e.offsetHeight+"px",e.offsetHeight,e.style.overflow="hidden",e.style.height="0",e.style.paddingTop="0",e.style.paddingBottom="0",e.style.marginTop="0",e.style.marginBottom="0",window.setTimeout(()=>{e.classList.remove("show"),e.style.removeProperty("height"),e.style.removeProperty("padding-top"),e.style.removeProperty("padding-bottom"),e.style.removeProperty("margin-top"),e.style.removeProperty("margin-bottom"),e.style.removeProperty("overflow"),e.style.removeProperty("transition-duration"),e.style.removeProperty("transition-property"),e.classList.remove("transiting")},t)},q=(e,t=500)=>{e.classList.add("transiting"),e.style.removeProperty("display"),e.classList.add("show");let n=e.offsetHeight;e.style.overflow="hidden",e.style.height="0",e.style.paddingTop="0",e.style.paddingBottom="0",e.style.marginTop="0",e.style.marginBottom="0",e.offsetHeight,e.style.transitionProperty="height, margin, padding",e.style.transitionDuration=t+"ms",e.style.height=n+"px",e.style.removeProperty("padding-top"),e.style.removeProperty("padding-bottom"),e.style.removeProperty("margin-top"),e.style.removeProperty("margin-bottom"),window.setTimeout(()=>{e.style.removeProperty("height"),e.style.removeProperty("overflow"),e.style.removeProperty("transition-duration"),e.style.removeProperty("transition-property"),e.classList.remove("transiting")},t)},B=(e,t=500)=>window.getComputedStyle(e).display==="none"?q(e,t):D(e,t);function S(){let e=document.getElementById("toggle-menu");e&&e.addEventListener("click",()=>{document.getElementById("main-menu").classList.contains("transiting")||(document.body.classList.toggle("show-menu"),B(document.getElementById("main-menu"),300),e.classList.toggle("is-active"))})}function N(e,t,n){var i=document.createElement(e);for(let r in t)if(r&&t.hasOwnProperty(r)){let o=t[r];r=="dangerouslySetInnerHTML"?i.innerHTML=o.__html:o===!0?i.setAttribute(r,r):o!==!1&&o!=null&&i.setAttribute(r,o.toString())}for(let r=2;r{this.isDark()?this.currentScheme="light":this.currentScheme="dark",this.setBodyClass(),this.currentScheme==this.systemPreferScheme&&(this.currentScheme="auto"),this.saveScheme()})}isDark(){return this.currentScheme=="dark"||this.currentScheme=="auto"&&this.systemPreferScheme=="dark"}dispatchEvent(t){let n=new CustomEvent("onColorSchemeChange",{detail:t});window.dispatchEvent(n)}setBodyClass(){this.isDark()?document.documentElement.dataset.scheme="dark":document.documentElement.dataset.scheme="light",this.dispatchEvent(document.documentElement.dataset.scheme)}getSavedScheme(){let t=localStorage.getItem(this.localStorageKey);return t=="light"||t=="dark"||t=="auto"?t:"auto"}bindMatchMedia(){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",t=>{t.matches?this.systemPreferScheme="dark":this.systemPreferScheme="light",this.setBodyClass()})}},E=w;function g(e){let t;return()=>{t&&window.cancelAnimationFrame(t),t=window.requestAnimationFrame(()=>e())}}var O=".article-content h1[id], .article-content h2[id], .article-content h3[id], .article-content h4[id], .article-content h5[id], .article-content h6[id]",T="#TableOfContents",L="#TableOfContents li",k="active-class";function V(e,t){let n=e.querySelector("a").offsetHeight,i=e.offsetTop-t.offsetHeight/2+n/2-t.offsetTop;i<0&&(i=0),t.scrollTo({top:i,behavior:"smooth"})}function U(e){let t={};return e.forEach(n=>{let r=n.querySelector("a").getAttribute("href");r.startsWith("#")&&(t[r.slice(1)]=n)}),t}function C(e){let t=[];return e.forEach(n=>{t.push({id:n.id,offset:n.offsetTop})}),t.sort((n,i)=>n.offset-i.offset),t}function M(){let e=document.querySelectorAll(O);if(!e){console.warn("No header matched query",e);return}let t=document.querySelector(T);if(!t){console.warn("No toc matched query",T);return}let n=document.querySelectorAll(L);if(!n){console.warn("No navigation matched query",L);return}let i=C(e),r=!1;t.addEventListener("mouseenter",g(()=>r=!0)),t.addEventListener("mouseleave",g(()=>r=!1));let o,s=U(n);function a(){let d=document.documentElement.scrollTop||document.body.scrollTop,c;i.forEach(p=>{d>=p.offset-20&&(c=document.getElementById(p.id))});let l;c&&(l=s[c.id]),c&&!l?console.debug("No link found for section",c):l!==o&&(o&&o.classList.remove(k),l&&(l.classList.add(k),r||V(l,t)),o=l)}window.addEventListener("scroll",g(a));function m(){i=C(e),a()}window.addEventListener("resize",g(m))}var $="a[href]";function P(){document.querySelectorAll($).forEach(e=>{!e.getAttribute("href").startsWith("#")||e.addEventListener("click",n=>{n.preventDefault();let i=e.getAttribute("href").substring(1),r=document.querySelector(`#${i.replace(":","\\:")}`);window.history.pushState({},"",e.getAttribute("href")),scrollTo({top:r.offsetTop,behavior:"smooth"})})})}var x={init:()=>{S();let e=document.querySelector(".article-content");e&&(new y(e),P(),M());let t=document.querySelector(".article-list--tile");t&&new IntersectionObserver(async(s,a)=>{s.forEach(m=>{if(!m.isIntersecting)return;a.unobserve(m.target),m.target.querySelectorAll("article.has-image").forEach(async c=>{let l=c.querySelector("img"),p=l.src,H=l.getAttribute("data-key"),I=l.getAttribute("data-hash"),A=c.querySelector(".article-details"),u=await b(H,I,p);A.style.background=` + linear-gradient(0deg, + rgba(${u.DarkMuted.rgb[0]}, ${u.DarkMuted.rgb[1]}, ${u.DarkMuted.rgb[2]}, 0.5) 0%, + rgba(${u.Vibrant.rgb[0]}, ${u.Vibrant.rgb[1]}, ${u.Vibrant.rgb[2]}, 0.75) 100%)`})})}).observe(t);let n=document.querySelectorAll(".article-content div.highlight"),i="Copy",r="Copied!";n.forEach(o=>{let s=document.createElement("button");s.innerHTML=i,s.classList.add("copyCodeButton"),o.appendChild(s);let a=o.querySelector("code[data-lang]");!a||s.addEventListener("click",()=>{navigator.clipboard.writeText(a.textContent).then(()=>{s.textContent=r,setTimeout(()=>{s.textContent=i},1e3)}).catch(m=>{alert(m),console.log("Something went wrong",m)})})}),new E(document.getElementById("dark-mode-toggle"))}};window.addEventListener("load",()=>{setTimeout(function(){x.init()},0)});window.Stack=x;window.createElement=v;})(); +/*! +* Hugo Theme Stack +* +* @author: Jimmy Cai +* @website: https://jimmycai.com +* @link: https://github.com/CaiJimmy/hugo-theme-stack +*/ diff --git a/ts/search.js b/ts/search.js new file mode 100644 index 0000000..9964336 --- /dev/null +++ b/ts/search.js @@ -0,0 +1 @@ +(()=>{var m={"&":"&","<":"<",">":">",'"':""","\u2026":"…"};function T(h){return m[h]||h}function g(h){return h.replace(/[&<>"]/g,T)}function w(h){return h.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&")}var p=class{constructor({form:t,input:e,list:r,resultTitle:l,resultTitleTemplate:n}){this.form=t,this.input=e,this.list=r,this.resultTitle=l,this.resultTitleTemplate=n,this.handleQueryString(),this.bindQueryStringChange(),this.bindSearchForm()}static processMatches(t,e,r=!0,l=140,n=20){e.sort((i,s)=>i.start-s.start);let c=0,a=0,o=0,u=[];for(;ca?(u.push(`${g(t.substring(a,a+n))} [...] `),u.push(`${g(t.substring(i.start-n,i.start))}`),o+=n*2):(u.push(g(t.substring(a,i.start))),o+=i.start-a);let s=c+1,d=i.end;for(;s${g(t.substring(i.start,d))}`),o+=d-i.start,c=s,a=d,r&&o>l)break}if(a(a[c]=w(n),n.trim()!=="")).join("|"),"gi");for(let n of e){let c=[],a=[],o={...n,preview:"",matchCount:0},u=n.content.matchAll(l);for(let s of Array.from(u))a.push({start:s.index,end:s.index+s[0].length});let i=n.title.matchAll(l);for(let s of Array.from(i))c.push({start:s.index,end:s.index+s[0].length});c.length>0&&(o.title=p.processMatches(o.title,c,!1)),a.length>0?o.preview=p.processMatches(o.content,a):o.preview=g(o.content.substring(0,140)),o.matchCount=c.length+a.length,o.matchCount>0&&r.push(o)}return r.sort((n,c)=>c.matchCount-n.matchCount)}async doSearch(t){let e=performance.now(),r=await this.searchKeywords(t);this.clear();for(let n of r)this.list.append(p.render(n));let l=performance.now();this.resultTitle.innerText=this.generateResultTitle(r.length,((l-e)/1e3).toPrecision(1))}generateResultTitle(t,e){return this.resultTitleTemplate.replace("#PAGES_COUNT",t).replace("#TIME_SECONDS",e)}async getData(){if(!this.data){let t=this.form.dataset.json;this.data=await fetch(t).then(r=>r.json());let e=new DOMParser;for(let r of this.data)r.content=e.parseFromString(r.content,"text/html").body.innerText}return this.data}bindSearchForm(){let t="",e=r=>{r.preventDefault();let l=this.input.value.trim();if(p.updateQueryString(l,!0),l==="")return this.clear();t!==l&&(t=l,this.doSearch(l.split(" ")))};this.input.addEventListener("input",e),this.input.addEventListener("compositionend",e)}clear(){this.list.innerHTML="",this.resultTitle.innerText=""}bindQueryStringChange(){window.addEventListener("popstate",t=>{this.handleQueryString()})}handleQueryString(){let e=new URL(window.location.toString()).searchParams.get("keyword");this.input.value=e,e?this.doSearch(e.split(" ")):this.clear()}static updateQueryString(t,e=!1){let r=new URL(window.location.toString());t===""?r.searchParams.delete("keyword"):r.searchParams.set("keyword",t),e?window.history.replaceState("","",r.toString()):window.history.pushState("","",r.toString())}static render(t){return createElement("article",null,createElement("a",{href:t.permalink},createElement("div",{class:"article-details"},createElement("h2",{class:"article-title",dangerouslySetInnerHTML:{__html:t.title}}),createElement("section",{class:"article-preview",dangerouslySetInnerHTML:{__html:t.preview}})),t.image&&createElement("div",{class:"article-image"},createElement("img",{src:t.image,loading:"lazy"}))))}};window.addEventListener("load",()=>{setTimeout(function(){let h=document.querySelector(".search-form"),t=h.querySelector("input"),e=document.querySelector(".search-result--list"),r=document.querySelector(".search-result--title");new p({form:h,input:t,list:e,resultTitle:r,resultTitleTemplate:window.searchResultTitleTemplate})},0)});var f=p;})();