生活记录Elias的生活记录https://www.cnwt.top/2026-11-13T00:00:00ZElias欢迎页https://www.cnwt.top/posts/welcome-to-aonote/2026-11-13T00:00:00Z2026-11-13T00:00:00ZElias欢迎页面。<h2 id="elias"><a class="toclink" href="#elias">Elias</a></h2>
<p>这是一个记录生活的个人博客。</p>Markdown 排版示例https://www.cnwt.top/posts/markdown-basics/2026-01-10T00:00:00Z2026-01-10T00:00:00ZEliasAonote 官网保留的语法预览页：标题、列表、链接、公式、脚注与中英文混排等基础排版效果。<p>本站保留此页作为 <strong>Markdown 渲染预览</strong>。Fork 后若不需要可删除本文件。</p>
<p>这个页面聚焦 Markdown 基础排版能力：标题、段落、行内文本、链接、数学公式、列表、引用、脚注和混排文本。</p>
<h2 id="标题"><a class="toclink" href="#标题">标题</a></h2>
<!-- markdownlint-disable -->
<h2 id="一级标题"><a class="toclink" href="#一级标题">一级标题</a></h2>
<!-- markdownlint-restore -->
<h3 id="二级标题"><a class="toclink" href="#二级标题">二级标题</a></h3>
<h4 id="三级标题"><a class="toclink" href="#三级标题">三级标题</a></h4>
<h5 id="四级标题"><a class="toclink" href="#四级标题">四级标题</a></h5>
<h6 id="五级标题"><a class="toclink" href="#五级标题">五级标题</a></h6>
<h6 id="六级标题"><a class="toclink" href="#六级标题">六级标题</a></h6>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md"><span class="gh"># 一级标题</span>
<span class="gu">## 二级标题</span>
<span class="gu">### 三级标题</span>
<span class="gu">#### 四级标题</span>
<span class="gu">##### 五级标题</span>
<span class="gu">###### 六级标题</span>
</code></pre></div>
<h3 id="段落与换行"><a class="toclink" href="#段落与换行">段落与换行</a></h3>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>这是一句话不过我要在这里<br/>
换行</p>
<div class="admonition tip">
<p class="admonition-title">Tip</p>
<p>上方的代码中 <code>这里</code> 后面有两个空格。</p>
</div>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">这是一个段落。
这是另一个段落。
这是一句话不过我要在这里
换行
</code></pre></div>
<h3 id="行内文本"><a class="toclink" href="#行内文本">行内文本</a></h3>
<p>这句话里拥有<strong>加粗</strong>、<em>倾斜</em>、<del>删除</del>、<code>行内代码</code>、<mark>重点标记</mark> 和快捷键 <kbd>⌘</kbd> + <kbd>K</kbd>。</p>
<p>经典 Emoji: 😉 😢 😆 😋</p>
<p>简写 Emoji: 😎 🙂 😘 ☹️ 🙂 ☹️ 😉</p>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">这句话里拥有**加粗**、*倾斜*、~~删除~~、`行内代码`、<mark>重点标记</mark> 和快捷键 <kbd>⌘</kbd> + <kbd>K</kbd>。
经典 Emoji: :wink: :cry: :laughing: :yum:
简写 Emoji: 8-) :) :\* :( :-) :-( ;)
</code></pre></div>
<h3 id="链接"><a class="toclink" href="#链接">链接</a></h3>
<p><a href="/">根目录访问主页</a></p>
<p><a href="/posts/welcome-to-aonote/">站内文章示例</a></p>
<p><a href="/about">根目录访问关于</a></p>
<p><a href="/archive/">归档页面</a></p>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">[<span class="nt">根目录访问主页</span>](<span class="na">/</span>)
[<span class="nt">站内文章示例</span>](<span class="na">/posts/welcome-to-aonote/</span>)
[<span class="nt">根目录访问关于</span>](<span class="na">/about</span>)
[<span class="nt">归档页面</span>](<span class="na">/archive/</span>)
</code></pre></div>
<h3 id="分割线"><a class="toclink" href="#分割线">分割线</a></h3>
<hr/>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">---
</code></pre></div>
<h3 id="数学公式"><a class="toclink" href="#数学公式">数学公式</a></h3>
<p>行内公式示例：<span class="arithmatex"><math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow></math></span>。</p>
<p>块级公式示例：</p>
<div class="arithmatex"><math display="block" xmlns="http://www.w3.org/1998/Math/MathML"><mrow><msubsup><mo>∫</mo><mn>0</mn><mn>1</mn></msubsup><msup><mi>x</mi><mn>2</mn></msup><mi>d</mi><mi>x</mi><mo>=</mo><mfrac><mrow><mn>1</mn></mrow><mrow><mn>3</mn></mrow></mfrac></mrow></math></div>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">行内公式示例：$E = mc^2$。
块级公式示例：
$$
\int_0^1 x^2 dx = \frac{1}{3}
$$
</code></pre></div>
<h3 id="列表"><a class="toclink" href="#列表">列表</a></h3>
<h4 id="无序列表"><a class="toclink" href="#无序列表">无序列表</a></h4>
<ul>
<li>无序列表项</li>
<li>无序列表项</li>
<li>列表中的列表项<ul>
<li>更多的列表项</li>
<li>更多的列表项</li>
<li>更多的列表项</li>
</ul>
</li>
<li>
<p>列表中的长列表项，这个列表项很长。</p>
<p>而且由很多个段落构成。</p>
<p>甚至最后一个段落还包含了<a href="#链接">链接</a>。
- 无序列表项</p>
</li>
</ul>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md"><span class="k">-</span><span class="w"> </span>无序列表项
<span class="k">-</span><span class="w"> </span>无序列表项
<span class="w"> </span><span class="k">-</span><span class="w"> </span>列表中的列表项
<span class="w"> </span><span class="k">-</span><span class="w"> </span>更多的列表项
<span class="w"> </span><span class="k">-</span><span class="w"> </span>列表中的长列表项，这个列表项很长。
而且由很多个段落构成。
甚至最后一个段落还包含了[链接](#链接)。
</code></pre></div>
<h4 id="有序列表"><a class="toclink" href="#有序列表">有序列表</a></h4>
<ol>
<li>有序列表第一项</li>
<li>有序列表第二项<br/>
第二项的需要换行<br/>
再次换行</li>
<li>有序列表第三项</li>
</ol>
<div class="admonition tip">
<p class="admonition-title">Tip</p>
<p>上方的代码中 <code>换行</code> 后面也有两个空格。</p>
</div>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md"><span class="k">1.</span> 有序列表第一项
<span class="k">1.</span> 有序列表第二项
第二项的需要换行
再次换行
<span class="k">1.</span> 有序列表第三项
</code></pre></div>
<h4 id="任务列表"><a class="toclink" href="#任务列表">任务列表</a></h4>
<ul class="task-list">
<li class="task-list-item" data-task-state="completed"><label class="task-list-control"><input aria-disabled="true" aria-label="已完成任务：已完成的任务" checked="" disabled="" type="checkbox"/><span class="task-list-indicator"></span></label><span class="task-state-label visually-hidden">已完成: </span> 已完成的任务</li>
<li class="task-list-item" data-task-state="incomplete"><label class="task-list-control"><input aria-disabled="true" aria-label="未完成任务：未完成的任务" disabled="" type="checkbox"/><span class="task-list-indicator"></span></label><span class="task-state-label visually-hidden">未完成: </span> 未完成的任务</li>
<li class="task-list-item" data-task-state="incomplete"><label class="task-list-control"><input aria-disabled="true" aria-label="未完成任务：静态页面中复选框不可点击" disabled="" type="checkbox"/><span class="task-list-indicator"></span></label><span class="task-state-label visually-hidden">未完成: </span> 静态页面中复选框不可点击</li>
</ul>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md"><span class="k">- [x]</span> 已完成的任务
<span class="k">- [ ]</span> 未完成的任务
<span class="k">- [ ]</span> 静态页面中复选框不可点击
</code></pre></div>
<h4 id="定义列表"><a class="toclink" href="#定义列表">定义列表</a></h4>
<dl>
<dt>静态站点</dt>
<dd>只由 HTML、CSS 和静态资源组成，不依赖客户端 JavaScript 运行时。</dd>
<dt>RSS</dt>
<dd>一种用于订阅网站更新的格式，可以被阅读器聚合。</dd>
</dl>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">静态站点
: 只由 HTML、CSS 和静态资源组成，不依赖客户端 JavaScript 运行时。
RSS
: 一种用于订阅网站更新的格式，可以被阅读器聚合。
</code></pre></div>
<h3 id="引用"><a class="toclink" href="#引用">引用</a></h3>
<blockquote>
<p>引用也可以连用</p>
<blockquote>
<p>可以添加额外的大于号制造更深的引用</p>
</blockquote>
</blockquote>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md"><span class="k">> </span><span class="ge">引用也可以连用</span>
<span class="k">></span>
<span class="ge">> > 可以添加额外的大于号制造更深的引用</span>
</code></pre></div>
<h4 id="带来源的引用"><a class="toclink" href="#带来源的引用">带来源的引用</a></h4>
<blockquote>
<p>简洁并不意味着缺少结构，而是每个结构都有清晰的用途。</p>
<p><cite>Aonote 阅读样式测试</cite></p>
</blockquote>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md"><span class="k">> </span><span class="ge">简洁并不意味着缺少结构，而是每个结构都有清晰的用途。</span>
<span class="k">></span>
<span class="ge">> <cite>Aonote 阅读样式测试</cite></span>
</code></pre></div>
<h3 id="脚注"><a class="toclink" href="#脚注">脚注</a></h3>
<p>这里有一个脚注引用。<sup id="fnref:markdown-footnote"><a aria-label="脚注 1" class="footnote-ref" href="#fn:markdown-footnote" title="脚注 1">1</a></sup></p>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">这里有一个脚注引用。[^markdown-footnote]
[<span class="nl">^markdown-footnote</span>]: <span class="na">这是脚注内容，可以放补充说明、来源或延伸阅读。</span>
</code></pre></div>
<h3 id="混排段落"><a class="toclink" href="#混排段落">混排段落</a></h3>
<p>这是一段中文、English、数字 123、URL https://example.com/path/to/resource 和行内代码 <code>inline_code()</code> 混排的测试文本，用来观察行高、换行和标点间距。</p>
<div class="highlight" data-lang="MD"><pre aria-label="代码块，语言 MD" data-lang="MD" tabindex="0"><span></span><code class="language-md">这是一段中文、English、数字 123、URL https://example.com/path/to/resource 和行内代码 <span class="sb">`inline_code()`</span> 混排的测试文本，用来观察行高、换行和标点间距。
</code></pre></div>
<div class="footnote">
<hr/>
<ol>
<li id="fn:markdown-footnote">
<p>这是脚注内容，可以放补充说明、来源或延伸阅读。 <a aria-label="返回脚注 1 的引用位置" class="footnote-backref" href="#fnref:markdown-footnote" title="返回脚注 1 的引用位置">↩</a></p>
</li>
</ol>
</div>