<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-US"><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="https://github.com/wjppppp/wjppppp.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://github.com/wjppppp/wjppppp.github.io/" rel="alternate" type="text/html" hreflang="en-US" /><updated>2026-11-02T12:15:15+00:00</updated><id>https://github.com/wjppppp/wjppppp.github.io/feed.xml</id><title type="html">Jiapan Wang</title><subtitle>He&apos;s writing in Bahasa about web technology and experience as a journal  for documentation things that he learned, meet him &lt;a href=&quot;https://github.com/piharpi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;@github&lt;/a&gt;.</subtitle><author><name>Jiapan Wang</name><email>jiapan.wang@tum.de</email></author><entry><title type="html">hello markdown</title><link href="https://github.com/wjppppp/wjppppp.github.io/hello-markdown/" rel="alternate" type="text/html" title="hello markdown" /><published>2023-12-20T02:29:20+00:00</published><updated>2023-12-20T02:29:20+00:00</updated><id>https://github.com/wjppppp/wjppppp.github.io/hello-markdown</id><content type="html" xml:base="https://github.com/wjppppp/wjppppp.github.io/hello-markdown/"><![CDATA[<h1 id="markdown-cheat-sheet">Markdown Cheat Sheet</h1>

<p>Thanks for visiting <a href="https://www.markdownguide.org">The Markdown Guide</a>!</p>

<p>This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for <a href="https://www.markdownguide.org/basic-syntax/">basic syntax</a> and <a href="https://www.markdownguide.org/extended-syntax/">extended syntax</a>.</p>

<h2 id="basic-syntax">Basic Syntax</h2>

<p>These are the elements outlined in John Gruber’s original design document. All Markdown applications support these elements.</p>

<h3 id="heading">Heading</h3>

<h1 id="h1">H1</h1>
<h2 id="h2">H2</h2>
<h3 id="h3">H3</h3>

<h3 id="bold">Bold</h3>

<p><strong>bold text</strong></p>

<h3 id="italic">Italic</h3>

<p><em>italicized text</em></p>

<h3 id="blockquote">Blockquote</h3>

<blockquote>
  <p>blockquote</p>
</blockquote>

<h3 id="ordered-list">Ordered List</h3>

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

<h3 id="unordered-list">Unordered List</h3>

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

<h3 id="code">Code</h3>

<p><code class="language-plaintext highlighter-rouge">code</code></p>

<h3 id="horizontal-rule">Horizontal Rule</h3>

<hr />

<h3 id="link">Link</h3>

<p><a href="https://www.markdownguide.org">Markdown Guide</a></p>

<h3 id="image">Image</h3>

<p><img src="https://www.markdownguide.org/assets/images/tux.png" alt="alt text" /></p>

<h2 id="extended-syntax">Extended Syntax</h2>

<p>These elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.</p>

<h3 id="table">Table</h3>

<table>
  <thead>
    <tr>
      <th>Syntax</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Header</td>
      <td>Title</td>
    </tr>
    <tr>
      <td>Paragraph</td>
      <td>Text</td>
    </tr>
  </tbody>
</table>

<h3 id="fenced-code-block">Fenced Code Block</h3>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
</code></pre></div></div>

<h3 id="footnote">Footnote</h3>

<p>Here’s a sentence with a footnote. <sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup></p>

<h3 id="heading-id">Heading ID</h3>

<h3 id="custom-id">My Great Heading</h3>

<h3 id="definition-list">Definition List</h3>

<dl>
  <dt>term</dt>
  <dd>definition</dd>
</dl>

<h3 id="strikethrough">Strikethrough</h3>

<p><del>The world is flat.</del></p>

<h3 id="task-list">Task List</h3>

<ul class="task-list">
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Write the press release</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />Update the website</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />Contact the media</li>
</ul>

<h3 id="emoji">Emoji</h3>

<p>That is so funny! :joy:</p>

<p>(See also <a href="https://www.markdownguide.org/extended-syntax/#copying-and-pasting-emoji">Copying and Pasting Emoji</a>)</p>

<h3 id="highlight">Highlight</h3>

<p>I need to highlight these ==very important words==.</p>

<h3 id="subscript">Subscript</h3>

<p>H~2~O</p>

<h3 id="superscript">Superscript</h3>

<p>X^2^</p>

<h2 id="reference">Reference</h2>

<ul>
  <li>https://www.markdownguide.org/cheat-sheet/</li>
</ul>
<div class="footnotes" role="doc-endnotes">
  <ol>
    <li id="fn:1" role="doc-endnote">
      <p>This is the footnote. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">&#8617;</a></p>
    </li>
  </ol>
</div>]]></content><author><name>Jiapan Wang</name><email>jiapan.wang@tum.de</email></author><category term="notes" /><category term="markdown" /><summary type="html"><![CDATA[Markdown Cheat Sheet]]></summary></entry><entry><title type="html">Welcome to Jekyll!</title><link href="https://github.com/wjppppp/wjppppp.github.io/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2020-08-29T02:29:20+00:00</published><updated>2020-08-29T02:29:20+00:00</updated><id>https://github.com/wjppppp/wjppppp.github.io/welcome-to-jekyll</id><content type="html" xml:base="https://github.com/wjppppp/wjppppp.github.io/welcome-to-jekyll/"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>Jekyll requires blog post files to be named according to the following format:</p>

<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>

<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>

<p>Jekyll also offers powerful support for code snippets:</p>

<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>

<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>]]></content><author><name>Jiapan Wang</name><email>jiapan.wang@tum.de</email></author><category term="jekyll" /><category term="update" /><category term="notes" /><category term="jekyll" /><summary type="html"><![CDATA[welcome, a short intro]]></summary></entry></feed>