Markdown on Morihttps://example.org/zh-cn/tags/markdown/Recent content in Markdown on MoriHugozh-CN© 2025 Mori. All rights reserved.Wed, 19 Nov 2025 00:00:00 +0000Markdown 语法指南https://example.org/zh-cn/posts/markdown-guide/Sun, 17 Nov 2024 10:00:00 +0800https://example.org/zh-cn/posts/markdown-guide/<p>本文介绍常用的 Markdown 语法。</p> <h2 id="标题">标题</h2> <p>使用 <code>#</code> 创建标题，数量代表级别。</p> <h2 id="文本样式">文本样式</h2> <ul> <li><strong>粗体文本</strong></li> <li><em>斜体文本</em></li> <li><del>删除线</del></li> </ul> <h2 id="链接和图片">链接和图片</h2> <p>独占段落的图片居中显示，正文中的图片保持行内排版。请在独立图片前后留出空行，仅在源码中换行不会创建新段落。</p> <p><a href="https://example.com" target="_blank" >这是一个链接</a></p> <p>这是网站图标:<span class="img"> <img class="lazy-img" alt="网站图片" title="这是网站图片" data-src="https://example.org/favicon.ico"> </span> </p> <p><span class="img"> <img class="lazy-img" alt="本地图片" title="这是一张本地图片" width="1280" height="853" data-src="https://example.org/posts/markdown-guide/autumn-7493439_1280x853.jpg"> </span> </p> <p><span class="img"> <img class="lazy-img" alt="另一张本地图片" title="这是另一张本地图片" width="256" height="384" data-src="https://example.org/posts/markdown-guide/freenaturestock-2211_256x384.jpg"> </span> </p> <p><span class="img"> <img class="lazy-img" alt="远程图片" title="这是一张远程图片" data-src="https://as.gmero.com/pic/2026/1776415149868_800x533.jpg"> </span> </p> <p><span class="img"> <img class="lazy-img" alt="错误图片" title="这张图片将无法加载" data-src="https://example.com/nonexistent_1080x512.jpg"> </span> </p> <h2 id="代码">代码</h2> <p>行内代码：<code>const x = 1;</code></p> <p>代码块：</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">hello_world</span><span class="p">():</span> </span></span><span class="line"><span class="cl"> <span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">netsh advfirewall firewall add rule <span class="nv">name</span><span class="o">=</span><span class="s2">&#34;GameStream UDP&#34;</span> <span class="nv">dir</span><span class="o">=</span>in <span class="nv">protocol</span><span class="o">=</span>udp <span class="nv">localport</span><span class="o">=</span>5353,47998-48010 <span class="nv">action</span><span class="o">=</span>allow </span></span><span class="line"><span class="cl">netsh advfirewall firewall add rule <span class="nv">name</span><span class="o">=</span><span class="s2">&#34;GameStream TCP&#34;</span> <span class="nv">dir</span><span class="o">=</span>in <span class="nv">protocol</span><span class="o">=</span>tcp <span class="nv">localport</span><span class="o">=</span>47984,47989,48010 <span class="nv">action</span><span class="o">=</span>allow </span></span></code></pre></div><h2 id="列表">列表</h2> <p>无序列表：</p> <ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul> <p>有序列表：</p> <ol> <li>第一步</li> <li>第二步</li> <li>第三步</li> </ol> <h2 id="引用">引用</h2> <blockquote> <p>这是一段引用文字。 可以有多行。</p> </blockquote> <h2 id="表格">表格</h2> <table> <thead> <tr> <th>列 1</th> <th>列 2</th> <th>列 3</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> </tbody> </table> <h2 id="原生-html">原生 HTML</h2> <p>写文章时，可以用 HTML 补充 Markdown 的表达能力。下面的示例均包含源码和实际效果。Mori 已通过 <code>markup.goldmark.renderer.unsafe = true</code> 启用原生 HTML，请仅使用可信来源的 HTML。在 <code>details</code> 等容器中混写 Markdown 时，需要用空行将 HTML 标签与 Markdown 正文分隔，并让 Markdown 正文顶格书写，避免四空格缩进被识别为代码块。<code>pre</code>、<code>script</code>、<code>style</code> 等原始 HTML 块不适用这种写法。</p>