|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
<html lang="en" class="no-js">
|
|
|
<head>
|
|
|
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- begin SEO -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>Markdown - Yuchen Lei</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:locale" content="en-US">
|
|
|
<meta property="og:site_name" content="Yuchen Lei">
|
|
|
<meta property="og:title" content="Markdown">
|
|
|
|
|
|
|
|
|
<link rel="canonical" href="https://github.com/pages/academicpages/academicpages.github.io/markdown/">
|
|
|
<meta property="og:url" content="https://github.com/pages/academicpages/academicpages.github.io/markdown/">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="application/ld+json">
|
|
|
{
|
|
|
"@context" : "http://schema.org",
|
|
|
"@type" : "Person",
|
|
|
"name" : "Yuchen Lei",
|
|
|
"url" : "https://github.com/pages/academicpages/academicpages.github.io",
|
|
|
"sameAs" : null
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- end SEO -->
|
|
|
|
|
|
|
|
|
<link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Yuchen Lei Feed">
|
|
|
|
|
|
<!-- http://t.co/dKP3o1e -->
|
|
|
<meta name="HandheldFriendly" content="True">
|
|
|
<meta name="MobileOptimized" content="320">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<script>
|
|
|
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
|
|
|
</script>
|
|
|
|
|
|
<!-- For all browsers -->
|
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
|
|
|
|
|
<meta http-equiv="cleartype" content="on">
|
|
|
|
|
|
|
|
|
<!-- start custom head snippets -->
|
|
|
|
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-touch-icon-60x60.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152.png?v=M44lzPylqQ">
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-180x180.png?v=M44lzPylqQ">
|
|
|
<link rel="icon" type="image/png" href="/images/favicon-32x32.png?v=M44lzPylqQ" sizes="32x32">
|
|
|
<link rel="icon" type="image/png" href="/images/android-chrome-192x192.png?v=M44lzPylqQ" sizes="192x192">
|
|
|
<link rel="icon" type="image/png" href="/images/favicon-96x96.png?v=M44lzPylqQ" sizes="96x96">
|
|
|
<link rel="icon" type="image/png" href="/images/favicon-16x16.png?v=M44lzPylqQ" sizes="16x16">
|
|
|
<link rel="manifest" href="/images/manifest.json?v=M44lzPylqQ">
|
|
|
<link rel="mask-icon" href="/images/safari-pinned-tab.svg?v=M44lzPylqQ" color="#000000">
|
|
|
<link rel="shortcut icon" href="/images/favicon.ico?v=M44lzPylqQ">
|
|
|
<meta name="msapplication-TileColor" content="#000000">
|
|
|
<meta name="msapplication-TileImage" content="/images/mstile-144x144.png?v=M44lzPylqQ">
|
|
|
<meta name="msapplication-config" content="/images/browserconfig.xml?v=M44lzPylqQ">
|
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
<link rel="stylesheet" href="/assets/css/academicons.css"/>
|
|
|
|
|
|
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ TeX: { equationNumbers: { autoNumber: "all" } } }); </script>
|
|
|
<script type="text/x-mathjax-config">
|
|
|
MathJax.Hub.Config({
|
|
|
tex2jax: {
|
|
|
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
|
|
|
processEscapes: true
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=TeX-MML-AM_CHTML' async></script>
|
|
|
|
|
|
<!-- end custom head snippets -->
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
|
|
|
<![endif]-->
|
|
|
|
|
|
|
|
|
<div class="masthead">
|
|
|
<div class="masthead__inner-wrap">
|
|
|
<div class="masthead__menu">
|
|
|
<nav id="site-nav" class="greedy-nav">
|
|
|
<button><div class="navicon"></div></button>
|
|
|
<ul class="visible-links">
|
|
|
<li class="masthead__menu-item masthead__menu-item--lg"><a href="/">Yuchen Lei</a></li>
|
|
|
|
|
|
|
|
|
<li class="masthead__menu-item"><a href="/publications/">Publications</a></li>
|
|
|
|
|
|
|
|
|
<li class="masthead__menu-item"><a href="/teaching/">Teaching</a></li>
|
|
|
|
|
|
</ul>
|
|
|
<ul class="hidden-links hidden"></ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="main" role="main">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="sidebar sticky">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div itemscope itemtype="http://schema.org/Person">
|
|
|
|
|
|
<div class="author__avatar">
|
|
|
|
|
|
<img src="/images/profile.png" class="author__avatar" alt="Yuchen Lei">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="author__content">
|
|
|
<h3 class="author__name">Yuchen Lei</h3>
|
|
|
<p class="author__bio">MSc @ Wuhan University</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="author__urls-wrapper">
|
|
|
<button class="btn btn--inverse">Follow</button>
|
|
|
<ul class="author__urls social-icons">
|
|
|
|
|
|
<li><i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> Wuhan, Hubei, China</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li><a href="https://www.researchgate.net/profile/Yuchen-Lei-8"><i class="fab fa-fw fa-researchgate" aria-hidden="true"></i> ResearchGate</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li><a href="https://www.linkedin.com/in/https://www.linkedin.com/in/~yclei/"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li><a href="https://github.com/TooYoungTooSimp"><i class="fab fa-fw fa-github" aria-hidden="true"></i> Github</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li><a href="https://scholar.google.com/citations?user=sCVs-IUAAAAJ"><i class="fas fa-fw fa-graduation-cap"></i> Google Scholar</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
<li><a href="https://orcid.org/0009-0005-4610-6550"><i class="ai ai-orcid-square ai-fw"></i> ORCID</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<article class="page" itemscope itemtype="http://schema.org/CreativeWork">
|
|
|
<meta itemprop="headline" content="Markdown">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page__inner-wrap">
|
|
|
|
|
|
<header>
|
|
|
<h1 class="page__title" itemprop="headline">Markdown
|
|
|
</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
<section class="page__content" itemprop="text">
|
|
|
<h2 id="locations-of-key-filesdirectories">Locations of key files/directories</h2>
|
|
|
|
|
|
<ul>
|
|
|
<li>Basic config options: _config.yml</li>
|
|
|
<li>Top navigation bar config: _data/navigation.yml</li>
|
|
|
<li>Single pages: _pages/</li>
|
|
|
<li>Collections of pages are .md or .html files in:
|
|
|
<ul>
|
|
|
<li>_publications/</li>
|
|
|
<li>_portfolio/</li>
|
|
|
<li>_posts/</li>
|
|
|
<li>_teaching/</li>
|
|
|
<li>_talks/</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li>Footer: _includes/footer.html</li>
|
|
|
<li>Static files (like PDFs): /files/</li>
|
|
|
<li>Profile image (can set in _config.yml): images/profile.png</li>
|
|
|
</ul>
|
|
|
|
|
|
<h2 id="tips-and-hints">Tips and hints</h2>
|
|
|
|
|
|
<ul>
|
|
|
<li>Name a file “.md” to have it render in markdown, name it “.html” to render in HTML.</li>
|
|
|
<li>Go to the <a href="https://github.com/academicpages/academicpages.github.io/commits/master">commit list</a> (on your repo) to find the last version Github built with Jekyll.
|
|
|
<ul>
|
|
|
<li>Green check: successful build</li>
|
|
|
<li>Orange circle: building</li>
|
|
|
<li>Red X: error</li>
|
|
|
<li>No icon: not built</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
<h2 id="resources">Resources</h2>
|
|
|
<ul>
|
|
|
<li><a href="https://shopify.github.io/liquid/tags/control-flow/">Liquid syntax guide</a></li>
|
|
|
</ul>
|
|
|
|
|
|
<h2 id="markdown-guide">Markdown guide</h2>
|
|
|
|
|
|
<h3 id="header-three">Header three</h3>
|
|
|
|
|
|
<h4 id="header-four">Header four</h4>
|
|
|
|
|
|
<h5 id="header-five">Header five</h5>
|
|
|
|
|
|
<h6 id="header-six">Header six</h6>
|
|
|
|
|
|
<h2 id="blockquotes">Blockquotes</h2>
|
|
|
|
|
|
<p>Single line blockquote:</p>
|
|
|
|
|
|
<blockquote>
|
|
|
<p>Quotes are cool.</p>
|
|
|
</blockquote>
|
|
|
|
|
|
<h2 id="tables">Tables</h2>
|
|
|
|
|
|
<h3 id="table-1">Table 1</h3>
|
|
|
|
|
|
<table>
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th>Entry</th>
|
|
|
<th>Item</th>
|
|
|
<th> </th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td><a href="#">John Doe</a></td>
|
|
|
<td>2016</td>
|
|
|
<td>Description of the item in the list</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><a href="#">Jane Doe</a></td>
|
|
|
<td>2019</td>
|
|
|
<td>Description of the item in the list</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td><a href="#">Doe Doe</a></td>
|
|
|
<td>2022</td>
|
|
|
<td>Description of the item in the list</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
|
|
|
<h3 id="table-2">Table 2</h3>
|
|
|
|
|
|
<table>
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th style="text-align: left">Header1</th>
|
|
|
<th style="text-align: center">Header2</th>
|
|
|
<th style="text-align: right">Header3</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td style="text-align: left">cell1</td>
|
|
|
<td style="text-align: center">cell2</td>
|
|
|
<td style="text-align: right">cell3</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="text-align: left">cell4</td>
|
|
|
<td style="text-align: center">cell5</td>
|
|
|
<td style="text-align: right">cell6</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td style="text-align: left">cell1</td>
|
|
|
<td style="text-align: center">cell2</td>
|
|
|
<td style="text-align: right">cell3</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="text-align: left">cell4</td>
|
|
|
<td style="text-align: center">cell5</td>
|
|
|
<td style="text-align: right">cell6</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
<tfoot>
|
|
|
<tr>
|
|
|
<td style="text-align: left">Foot1</td>
|
|
|
<td style="text-align: center">Foot2</td>
|
|
|
<td style="text-align: right">Foot3</td>
|
|
|
</tr>
|
|
|
</tfoot>
|
|
|
</table>
|
|
|
|
|
|
<h2 id="definition-lists">Definition Lists</h2>
|
|
|
|
|
|
<dl>
|
|
|
<dt>Definition List Title</dt>
|
|
|
<dd>Definition list division.</dd>
|
|
|
<dt>Startup</dt>
|
|
|
<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.</dd>
|
|
|
<dt>#dowork</dt>
|
|
|
<dd>Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.</dd>
|
|
|
<dt>Do It Live</dt>
|
|
|
<dd>I’ll let Bill O’Reilly <a href="https://www.youtube.com/watch?v=O_HyZ5aW76c" title="We'll Do It Live">explain</a> this one.</dd>
|
|
|
</dl>
|
|
|
|
|
|
<h2 id="unordered-lists-nested">Unordered Lists (Nested)</h2>
|
|
|
|
|
|
<ul>
|
|
|
<li>List item one
|
|
|
<ul>
|
|
|
<li>List item one
|
|
|
<ul>
|
|
|
<li>List item one</li>
|
|
|
<li>List item two</li>
|
|
|
<li>List item three</li>
|
|
|
<li>List item four</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li>List item two</li>
|
|
|
<li>List item three</li>
|
|
|
<li>List item four</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li>List item two</li>
|
|
|
<li>List item three</li>
|
|
|
<li>List item four</li>
|
|
|
</ul>
|
|
|
|
|
|
<h2 id="ordered-list-nested">Ordered List (Nested)</h2>
|
|
|
|
|
|
<ol>
|
|
|
<li>List item one
|
|
|
<ol>
|
|
|
<li>List item one
|
|
|
<ol>
|
|
|
<li>List item one</li>
|
|
|
<li>List item two</li>
|
|
|
<li>List item three</li>
|
|
|
<li>List item four</li>
|
|
|
</ol>
|
|
|
</li>
|
|
|
<li>List item two</li>
|
|
|
<li>List item three</li>
|
|
|
<li>List item four</li>
|
|
|
</ol>
|
|
|
</li>
|
|
|
<li>List item two</li>
|
|
|
<li>List item three</li>
|
|
|
<li>List item four</li>
|
|
|
</ol>
|
|
|
|
|
|
<h2 id="buttons">Buttons</h2>
|
|
|
|
|
|
<p>Make any link standout more when applying the <code class="language-plaintext highlighter-rouge">.btn</code> class.</p>
|
|
|
|
|
|
<h2 id="notices">Notices</h2>
|
|
|
|
|
|
<p class="notice"><strong>Watch out!</strong> You can also add notices by appending <code class="language-plaintext highlighter-rouge">{: .notice}</code> to a paragraph.</p>
|
|
|
|
|
|
<h2 id="html-tags">HTML Tags</h2>
|
|
|
|
|
|
<h3 id="address-tag">Address Tag</h3>
|
|
|
|
|
|
<address>
|
|
|
1 Infinite Loop<br /> Cupertino, CA 95014<br /> United States
|
|
|
</address>
|
|
|
|
|
|
<h3 id="anchor-tag-aka-link">Anchor Tag (aka. Link)</h3>
|
|
|
|
|
|
<p>This is an example of a <a href="http://github.com" title="Github">link</a>.</p>
|
|
|
|
|
|
<h3 id="abbreviation-tag">Abbreviation Tag</h3>
|
|
|
|
|
|
<p>The abbreviation <abbr title="Cascading Style Sheets">CSS</abbr> stands for “Cascading Style Sheets”.</p>
|
|
|
|
|
|
<h3 id="cite-tag">Cite Tag</h3>
|
|
|
|
|
|
<p>“Code is poetry.” —<cite>Automattic</cite></p>
|
|
|
|
|
|
<h3 id="code-tag">Code Tag</h3>
|
|
|
|
|
|
<p>You will learn later on in these tests that <code class="language-plaintext highlighter-rouge">word-wrap: break-word;</code> will be your best friend.</p>
|
|
|
|
|
|
<h3 id="strike-tag">Strike Tag</h3>
|
|
|
|
|
|
<p>This tag will let you <strike>strikeout text</strike>.</p>
|
|
|
|
|
|
<h3 id="emphasize-tag">Emphasize Tag</h3>
|
|
|
|
|
|
<p>The emphasize tag should <em>italicize</em> text.</p>
|
|
|
|
|
|
<h3 id="insert-tag">Insert Tag</h3>
|
|
|
|
|
|
<p>This tag should denote <ins>inserted</ins> text.</p>
|
|
|
|
|
|
<h3 id="keyboard-tag">Keyboard Tag</h3>
|
|
|
|
|
|
<p>This scarcely known tag emulates <kbd>keyboard text</kbd>, which is usually styled like the <code class="language-plaintext highlighter-rouge"><code></code> tag.</p>
|
|
|
|
|
|
<h3 id="preformatted-tag">Preformatted Tag</h3>
|
|
|
|
|
|
<p>This tag styles large blocks of code.</p>
|
|
|
|
|
|
<pre>
|
|
|
.post-title {
|
|
|
margin: 0 0 5px;
|
|
|
font-weight: bold;
|
|
|
font-size: 38px;
|
|
|
line-height: 1.2;
|
|
|
and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
|
|
|
}
|
|
|
</pre>
|
|
|
|
|
|
<h3 id="quote-tag">Quote Tag</h3>
|
|
|
|
|
|
<p><q>Developers, developers, developers…</q> –Steve Ballmer</p>
|
|
|
|
|
|
<h3 id="strong-tag">Strong Tag</h3>
|
|
|
|
|
|
<p>This tag shows <strong>bold text</strong>.</p>
|
|
|
|
|
|
<h3 id="subscript-tag">Subscript Tag</h3>
|
|
|
|
|
|
<p>Getting our science styling on with H<sub>2</sub>O, which should push the “2” down.</p>
|
|
|
|
|
|
<h3 id="superscript-tag">Superscript Tag</h3>
|
|
|
|
|
|
<p>Still sticking with science and Isaac Newton’s E = MC<sup>2</sup>, which should lift the 2 up.</p>
|
|
|
|
|
|
<h3 id="variable-tag">Variable Tag</h3>
|
|
|
|
|
|
<p>This allows you to denote <var>variables</var>.</p>
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<footer class="page__meta">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<script src="/assets/js/main.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
|
|
