<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>狼魔宇个人博客</title>
  
  
  <link href="https://www.mtueih.com/atom.xml" rel="self"/>
  
  <link href="https://www.mtueih.com/"/>
  <updated>2026-02-24T02:00:20.535Z</updated>
  <id>https://www.mtueih.com/</id>
  
  <author>
    <name>狼魔宇</name>
    
  </author>
  
  <generator uri="https://hexo.io/">Hexo</generator>
  
  <entry>
    <title>Windows 一条命令开启 UTF-8（使用 Unicode UTF-8 提供全球语言支持）</title>
    <link href="https://www.mtueih.com/posts/enable-utf-8-in-windows-with-one-command/"/>
    <id>https://www.mtueih.com/posts/enable-utf-8-in-windows-with-one-command/</id>
    <published>2026-02-24T01:52:20.000Z</published>
    <updated>2026-02-24T02:00:20.535Z</updated>
    
    <content type="html"><![CDATA[<h1>Windows 一条命令开启 UTF-8（使用 Unicode UTF-8 提供全球语言支持）</h1><h2 id="手动开启步骤">手动开启步骤</h2><ol><li><p>【控制面板】-&gt;【更改日期、时间或数字格式】-&gt;【管理】-&gt;【更改系统区域设置】；</p></li><li><p>勾选【Beta 版：使用 Unicode UTF-8 提供全球语言支持】；</p></li><li><p><strong>重启</strong>。</p></li></ol><h2 id="原理">原理</h2><p>开启【Beta 版：使用 Unicode UTF-8 提供全球语言支持】本质上是修改<strong>注册表</strong>的 3 个键的值为 <code>65001</code>：</p><p><code>HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Nls\CodePage</code> 下的 <code>ACP</code>、<code>MACCP</code> 和 <code>OEMCP</code>；</p><p>这 3 个键含义分别如下：</p><ul><li><code>ACP</code>：ANSI Code Page，<strong>Windows 系统默认的 ANSI 代码页</strong>，用于 Win32 API 的 ANSI 版本（如 <code>CreateFileA</code> 等以 <code>A</code> 结尾的 API）；</li><li><code>MACCP</code>：Mac Code Page，<strong>Macintosh 系统兼容用的代码页</strong>，用于与 Mac 系统的字符编码兼容；</li><li><code>OEMCP</code>：OEM Code Page，<strong>原始设备制造商代码页</strong>，主要用于控制台（CMD）、批处理文件和 MS-DOS 兼容程序。</li></ul><h2 id="一条命令开启🌟">一条命令开启🌟</h2><blockquote><p>[!NOTE]</p><p>以下两种都需要以<strong>管理员</strong>身份执行。</p></blockquote><blockquote><p>[!WARNING]</p><p>后面给出的命令执行完修改后会<strong>重启</strong>系统。</p></blockquote><blockquote><p>[!TIP]</p><p>如果不希望修改后立即重启系统，将最后的 <code>Restart-Computer</code> 和 <code>shutdown /r /t 0</code> 删除即可。</p></blockquote><h3 id="Powershell">Powershell</h3><p>Windows Powershell 和 Powershell 都行。</p><pre class="line-numbers language-powershell" data-language="powershell"><code class="language-powershell"><span class="token function">Set-ItemProperty</span> <span class="token operator">-</span>Path <span class="token string">"HKLM:\SYSTEM\CurrentControlSet\Control\Nls\CodePage"</span> <span class="token operator">-</span>Name <span class="token string">"ACP"</span> <span class="token operator">-</span>Value <span class="token string">"65001"</span><span class="token punctuation">;</span> <span class="token function">Set-ItemProperty</span> <span class="token operator">-</span>Path <span class="token string">"HKLM:\SYSTEM\CurrentControlSet\Control\Nls\CodePage"</span> <span class="token operator">-</span>Name <span class="token string">"MACCP"</span> <span class="token operator">-</span>Value <span class="token string">"65001"</span><span class="token punctuation">;</span> <span class="token function">Set-ItemProperty</span> <span class="token operator">-</span>Path <span class="token string">"HKLM:\SYSTEM\CurrentControlSet\Control\Nls\CodePage"</span> <span class="token operator">-</span>Name <span class="token string">"OEMCP"</span> <span class="token operator">-</span>Value <span class="token string">"65001"</span><span class="token punctuation">;</span> <span class="token function">Restart-Computer</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><h3 id="CMD">CMD</h3><pre class="line-numbers language-cmd" data-language="cmd"><code class="language-cmd">reg add &quot;HKLM\SYSTEM\CurrentControlSet\Control\Nls\CodePage&quot; &#x2F;v ACP &#x2F;t REG_SZ &#x2F;d 65001 &#x2F;f &amp;&amp; reg add &quot;HKLM\SYSTEM\CurrentControlSet\Control\Nls\CodePage&quot; &#x2F;v MACCP &#x2F;t REG_SZ &#x2F;d 65001 &#x2F;f &amp;&amp; reg add &quot;HKLM\SYSTEM\CurrentControlSet\Control\Nls\CodePage&quot; &#x2F;v OEMCP &#x2F;t REG_SZ &#x2F;d 65001 &#x2F;f &amp;&amp; shutdown &#x2F;r &#x2F;t 0<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><h2 id="恢复">恢复</h2><blockquote><p>[!NOTE]</p><p>语言不同，这 3 个注册表键的默认值就不同，以下以中文为例，具体可根据情况修改。</p></blockquote><h3 id="Powershell-2">Powershell</h3><pre class="line-numbers language-powershell" data-language="powershell"><code class="language-powershell"><span class="token function">Set-ItemProperty</span> <span class="token operator">-</span>Path <span class="token string">"HKLM:\SYSTEM\CurrentControlSet\Control\Nls\CodePage"</span> <span class="token operator">-</span>Name <span class="token string">"ACP"</span> <span class="token operator">-</span>Value <span class="token string">"936"</span><span class="token punctuation">;</span> <span class="token function">Set-ItemProperty</span> <span class="token operator">-</span>Path <span class="token string">"HKLM:\SYSTEM\CurrentControlSet\Control\Nls\CodePage"</span> <span class="token operator">-</span>Name <span class="token string">"MACCP"</span> <span class="token operator">-</span>Value <span class="token string">"10008"</span><span class="token punctuation">;</span> <span class="token function">Set-ItemProperty</span> <span class="token operator">-</span>Path <span class="token string">"HKLM:\SYSTEM\CurrentControlSet\Control\Nls\CodePage"</span> <span class="token operator">-</span>Name <span class="token string">"OEMCP"</span> <span class="token operator">-</span>Value <span class="token string">"936"</span><span class="token punctuation">;</span> <span class="token function">Restart-Computer</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><h3 id="CMD-2">CMD</h3><pre class="line-numbers language-cmd" data-language="cmd"><code class="language-cmd">reg add &quot;HKLM\SYSTEM\CurrentControlSet\Control\Nls\CodePage&quot; &#x2F;v ACP &#x2F;t REG_SZ &#x2F;d 936 &#x2F;f &amp;&amp; reg add &quot;HKLM\SYSTEM\CurrentControlSet\Control\Nls\CodePage&quot; &#x2F;v MACCP &#x2F;t REG_SZ &#x2F;d 10008 &#x2F;f &amp;&amp; reg add &quot;HKLM\SYSTEM\CurrentControlSet\Control\Nls\CodePage&quot; &#x2F;v OEMCP &#x2F;t REG_SZ &#x2F;d 936 &#x2F;f &amp;&amp; shutdown &#x2F;r &#x2F;t 0<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre>]]></content>
    
    
      
      
    <summary type="html">&lt;h1&gt;Windows 一条命令开启 UTF-8（使用 Unicode UTF-8 提供全球语言支持）&lt;/h1&gt;
&lt;h2 id=&quot;手动开启步骤&quot;&gt;手动开启步骤&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;【控制面板】-&amp;gt;【更改日期、时间或数字格式】-&amp;gt;【管理】-&amp;gt;【更改</summary>
      
    
    
    
    <category term="系统维护" scheme="https://www.mtueih.com/categories/%E7%B3%BB%E7%BB%9F%E7%BB%B4%E6%8A%A4/"/>
    
    <category term="Windows" scheme="https://www.mtueih.com/categories/%E7%B3%BB%E7%BB%9F%E7%BB%B4%E6%8A%A4/windows/"/>
    
    
    <category term="Windows" scheme="https://www.mtueih.com/tags/windows/"/>
    
    <category term="UTF-8" scheme="https://www.mtueih.com/tags/utf-8/"/>
    
    <category term="Unicode" scheme="https://www.mtueih.com/tags/unicode/"/>
    
    <category term="多语言" scheme="https://www.mtueih.com/tags/%E5%A4%9A%E8%AF%AD%E8%A8%80/"/>
    
    <category term="编码" scheme="https://www.mtueih.com/tags/%E7%BC%96%E7%A0%81/"/>
    
  </entry>
  
  <entry>
    <title>手把手教你用 MSYS2 在 Windows 上搭建 C/C++ 编译环境</title>
    <link href="https://www.mtueih.com/posts/msys2-c-cpp-setup-windows/"/>
    <id>https://www.mtueih.com/posts/msys2-c-cpp-setup-windows/</id>
    <published>2026-02-05T13:24:23.000Z</published>
    <updated>2026-02-22T10:33:00.164Z</updated>
    
    <content type="html"><![CDATA[<h2 id="➤-什么是-C-C-编译环境（了解请跳过）">➤ 什么是 C/C++ 编译环境（了解请跳过）</h2><h3 id="➥-开发环境-编译环境">➥ 开发环境 &amp; 编译环境</h3><h4 id="开发环境">开发环境</h4><p><strong>开发环境</strong>（在信息技术领域，开发通常都是指<em>软件开发</em>）是我们完成软件开发这件事的整个流程所需要的整个软件环境，而软件开发这件事，通常包含<strong>生产代码</strong>和<strong>构建最终软件产品</strong>两个部分。那么所谓的开发环境，通常就包含，直接支持或间接辅助我们生产代码的<strong>代码编辑软件</strong>，以及，直接参与或间接辅助生成最终软件产品的一系列<strong>最终软件构建软件</strong>。</p><p>通常我们<strong>搭建开发环境</strong>，都会直接安装 <strong>IDE</strong>，即<strong>集成开发环境</strong>。所谓集成开发环境，就是它把开发所需要的各种零碎的东西都打包好了，比如用来编辑代码的<strong>编辑器</strong>、用来把代码翻译成可执行文件的<strong>编译器</strong>、用来调试代码的<strong>调试器</strong>等。IDE 的优点是开箱即用，安装一个 IDE，立马就可以开始开发了，所以很多课程、教学最开始都会推荐新手安装 IDE。但 IDE 也有缺点，就是隐藏编译细节（对编译过程有一定的了解还是很有必要的）和捆绑（很不方便控制编译过程中的某些细节）。</p><h4 id="编译环境">编译环境</h4><p>而<strong>编译环境</strong>，是开发环境中只负责<em>构建最终软件产品</em>的部分。</p><p>为什么要独立搭建编译环境，而不总是搭建完整的开发环境？因为：</p><ul><li>我们有时候只需要参与<em>构建最终软件产品</em>，不需要参与<em>生产代码</em>（比如很多开源软件，都支持下载源代码后自己编译）；</li><li>能够帮助我们理解<em>软件开发</em>的本质；</li><li>能够更灵活地组建开发环境；</li><li>能够更便捷地编译简单的项目；</li></ul><h3 id="➥-C-C-编译环境">➥ C/C++ 编译环境</h3><p>不同的编程语言（这里主要指编译型语言，因为另一种语言，解释型语言，往往需要执行环境而不是编译环境），编译环境所需要的工具会有所不同，并且往往不止需要一个工具，比如 C/C++ 语言需要<strong>链接器</strong>。因此，我们将从源代码到可执行文件的编译过程中所需要的一系列工具，称为<strong>编译工具链</strong>，更准确些。</p><p>Linux 平台往往自带 C/C++ 的编译环境，即使没有，搭建它也非常简单，通常只需要一个命令，比如 <code>sudo apt install gcc</code>。这导致我们经常认为，搭建编译环境，就等于安装编译器，这种说法没错，但不严谨。重要的是我们要理解我们经常挂在嘴边的“编译器”意味着什么。</p><p>通常我们通过 <code>sudo apt install gcc</code> 安装的，不光是 <code>gcc</code> 这个我们常用的命令，还有其它命令行工具，以及<strong>标准库</strong>（标准头文件，以及实现它们的库文件等），它们构成了一个完整的编译工具链。</p><p>所以，C/C++ 编译环境，或者说 <strong>C/C++ 编译工具链</strong>，实际上可以分为</p><ul><li>一系列编译用的可执行文件；</li><li>一系列标准库文件。</li></ul><h2 id="➤-Windows-平台上有哪些主流-C-C-编译环境">➤ Windows 平台上有哪些主流 C/C++ 编译环境</h2><p>这里我们只考虑最终生成的是 Windows 可执行程序的编译环境（排除 WSL、虚拟机、兼容层等）：</p><ul><li><strong>MSVC</strong>（<strong>M</strong>icro<strong>s</strong>oft <strong>V</strong>isual <strong>C</strong>++），Windows 平台原生编译工具链，对 Windows 平台兼容性最好，开发原生 Windows 程序的首选，Visual Studio 深度集成；</li><li><strong>MinGW-w64</strong>（<strong>Min</strong>imalist <strong>G</strong>NU for <strong>W</strong>indows <strong>64</strong>-bit），GCC 工具链的移植，因为是移植所以没有官方提供统一安装包，所有编译好可直接安装的版本，几乎都是第三方项目，作为子工具，以工具包的形式发布，这也就导致了各种工具包所包含的工具不统一；</li><li><strong>Clang</strong>，Clang 是和 GCC 不相上下的一款 C/C++ 编译工具链，并且它有一个优点，就是官方提供编译、打包好的安装包，不过包含内容太过全面，很多内容已经超出编译环境的范畴，比如代码格式化工具等；</li></ul><h3 id="➥-为什么选择-MinGW-w64">➥ 为什么选择 MinGW-w64</h3><p>就因为它是 GCC 的移植。GCC 是对 C/C++ 标准支持最好的编译器，我们可以简单看一张图：</p><p><img src="/images/mingw-windows-tutorial/01-c23-support.webp" alt="C 编译器对 C23 支持情况表格"></p><p>另外使用 MinGW-w64 还有以下优点：</p><ul><li>类似在 Linux 上的使用体验；</li><li>对命令行编译友好；</li><li>对跨平台开发支持最好。</li></ul><h3 id="➥-安装-MinGW-w64-的方法有哪些">➥ 安装 MinGW-w64 的方法有哪些</h3><p>之前也说过，MinGW-w64 没有官方提供统一安装包，所以就导致了安装它的方法有很多，有以下这些工具包包含 MinGW-w64（数据来源于 <a href="https://www.mingw-w64.org/downloads/#pre-built-toolchains-and-packages">MinGW-w64 官网</a>）：</p><ul><li>Cygwin，通过兼容层模拟 Unix 环境，让 Unix 软件在 Windows 上运行，它生成的不是原生的 Windows 程序，所以排除；</li><li>LLVM-MinGW，并不是 GCC + MinGW-w64，而是 Clang + MinGW-w64，所以排除；</li><li>MinGW-W64-builds，提供完整的 GCC 工具链，由个人开发者维护；</li><li>MSYS2，提供类 Unix 命令行环境，但通过它安装的 MinGW-w64 可以生成原生的 Windows 程序；</li><li>w64devkit，极简、便捷的 GCC 工具链；</li><li>WinLibs，同时支持 GCC 和 Clang。</li></ul><div class="note icon-padding flat"><i class="note-icon fas fa-lightbulb"></i><p>严格意义上来说，MinGW-w64 与 GCC 没有直接关系，通常我们认为的，以及本文大部分情况所说的 MinGW-w64 是完整的 GCC 工具链，这是由于 MinGW-w64 的前身 MinGW 提供完整的 GCC 工具链，而 MinGW-w64 只包含前文所述编译工具链的标准库部分。下图是<a href="https://www.mingw-w64.org/">官网</a>的介绍：</p><p><img src="/images/mingw-windows-tutorial/02-mingw-intro.webp" alt="MinGW-w64 官网介绍"></p></div><h3 id="➥-为什么选择-MSYS2">➥ 为什么选择 MSYS2</h3><p>在众多的工具包中，我们选择 MSYS2。MSYS2 相较于其它并不是最便捷的，并且它本身并不是我们要安装的工具链，而是一个模拟 Unix 环境的命令行工具。那么为什么选择 MSYS2 呢？</p><ul><li><strong>能够保证工具链版本是最新的</strong>，MSYS2 移植了著名 Linux 发行版 Arch Linux 上的包管理器 Pacman，而 Pacman 采用滚动更新机制；</li><li><strong>我们在需要时能够按需添加其它工具</strong>，MSYS2 项目提供了一个包管理器，并且 MSYS2 项目还维护了很多工具（比如我们要安装的工具链的命令行工具部分是由 MSYS2 项目维护的）；</li><li><strong>安装和更新方便</strong>，由于其使用包管理器，所以安装和更新工具包往往只需要一行命令；</li><li><strong>提供类 Unix 环境</strong>，使得我们能获得更贴近 Unix 环境的使用体验。</li></ul><h2 id="➀-下载安装-MSYS2">➀ 下载安装 MSYS2</h2><h3 id="方式一：通过-WinGet-安装（推荐）">方式一：通过 WinGet 安装（推荐）</h3><p>这种方法适用于支持 WinGet 的 Windows 版本，通常是 Windows 10 及以上。</p><p>打开终端，输入以下命令：</p><pre class="line-numbers language-pwsh" data-language="pwsh"><code class="language-pwsh">winget install MSYS2.MSYS2<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p>等待安装完成即可。</p><h3 id="方式二：通过安装包安装">方式二：通过安装包安装</h3><ol><li>打开 MSYS2 官网【<a href="https://www.msys2.org/">https://www.msys2.org/</a>】，找到下载按钮，根据自己情况选择：</li></ol><p><img src="/images/mingw-windows-tutorial/03-msys2-download.webp" alt="从 MSYS2 官网下载安装包"></p><ol><li>下载完成后，打开安装包，欢迎界面，点【Next】：</li></ol><p><img src="/images/mingw-windows-tutorial/04-msys2-welcome.webp" alt="MSYS2 安装步骤：欢迎界面"></p><ol><li>选择安装路径界面，<mark class="hl-label green">建议保持默认</mark>，如果要修改也最好保证安装路径不要有中文和空格，然后点击【Next】：</li></ol><p><img src="/images/mingw-windows-tutorial/05-msys2-path.webp" alt="MSYS2 安装步骤：选择安装路径"></p><ol><li>选择开始菜单文件夹界面，保持默认，然后点击【Next】：</li></ol><p><img src="/images/mingw-windows-tutorial/06-msys2-startmenu.webp" alt="MSYS2 安装步骤：选择开始菜单文件夹"></p><ol><li>等待安装：</li></ol><p><img src="/images/mingw-windows-tutorial/07-msys2-installing.webp" alt="MSYS2 安装步骤：等待安装"></p><ol><li>安装完成，【Run MSYS now.】（安装过程结束后立即运行 MSYS2）可勾可不勾，然后点击【Finish】：</li></ol><p><img src="/images/mingw-windows-tutorial/08-msys2-finish.webp" alt="MSYS2 安装步骤：完成"></p><h2 id="➁-安装-MinGW-w64">➁ 安装 MinGW-w64</h2><ol><li>打开 MSYS2，先输入以下命令，同步软件包数据库并升级所有软件包：</li></ol><pre class="line-numbers language-bash" data-language="bash"><code class="language-bash">pacman <span class="token parameter variable">-Syu</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p>中途出现任何询问<strong>直接回车</strong>即可，有可能需要重启才能完成更新，重新启动后再执行一遍，确保更新完成（如果不确定就多跑几遍，直到结果出现“there is nothing to do”，如下图）。</p><p><img src="/images/mingw-windows-tutorial/09-msys2-update.webp" alt="MSYS2 更新完成"></p><ol><li>安装 MinGW-w64：</li></ol><p>MSYS2 提供了 3 种使用 GCC 的 MinGW-w64 工具链，分别是：</p><table><thead><tr><th>工具链</th><th>包名</th></tr></thead><tbody><tr><td><strong>mingw32</strong></td><td><code>mingw-w64-i686-gcc</code></td></tr><tr><td><strong>mingw64</strong></td><td><code>mingw-w64-x86_64-gcc</code></td></tr><tr><td><strong>ucrt64</strong></td><td><code>mingw-w64-ucrt-x86_64-gcc</code></td></tr></tbody></table><p>三者区别在于生成的 Windows 程序的架构不同，以及使用的 <strong>C 运行时库</strong>不同：</p><ul><li>mingw32 用于生成 32 位 Windows 应用程序，其它两个生成的都是 64 位；</li><li>ucrt64 使用了较新的 <strong>C 运行时库</strong>，其它两个使用了较老的 <strong>C 运行时库</strong>。</li></ul><p>目前最推荐使用的是 ucrt64，这里就以它为例，当然如果你有特殊需求也可以安装别的，并且可以同时安装多个。在 MSYS2 中输入以下命令安装：</p><pre class="line-numbers language-bash" data-language="bash"><code class="language-bash">pacman <span class="token parameter variable">-S</span> mingw-w64-ucrt-x86_64-gcc<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p>等待命令执行完成即可。</p><h2 id="➂-配置环境变量">➂ 配置环境变量</h2><p>安装成功后，还不能直接使用，还需要配置 Path 环境变量。</p><h3 id="配置-Windows-环境变量">配置 Windows 环境变量</h3><h4 id="找到-MinGW-w64-的安装路径">找到 MinGW-w64 的安装路径</h4><p>在配置环境变量前，我们要找到 MinGW-w64 的安装路径，这取决于两个因素，你的 MSYS2 的安装路径，以及你安装了哪个工具链（如果安装了多个，那么只能同时配置一个，这个很容易理解）。</p><ol><li>首先找到 MSYS2 的安装路径，以默认的 <code>C:\msys64</code> 为例，在此路径下有 3 个文件夹，分别对应之前说的 3 种工具链：</li></ol><p><img src="/images/mingw-windows-tutorial/10-msys2-folders.webp" alt="MSYS2 安装路径下的文件夹"></p><ol><li>选择你所安装的工具链对应的文件夹，这里以 <code>ucrt64</code> 为例，该文件夹下的 <code>bin</code> 文件夹的路径，就是我们要添加到 Path 变量中的值：</li></ol><p><img src="/images/mingw-windows-tutorial/11-bin-folder.webp" alt="MinGW-w64 安装路径下的 bin 文件夹"></p><p>因此，我们需要在 Path 变量中添加的路径为 <code>C:\msys64\ucrt64\bin</code>。</p><h4 id="配置-Path-环境变量">配置 Path 环境变量</h4><ol><li>键盘按【Win + R】打开运行窗口，输入 <code>sysdm.cpl</code> 回车，打开系统属性窗口：</li></ol><p><img src="/images/mingw-windows-tutorial/12-env-run.webp" alt="配置 Windows 环境变量：运行窗口输入 sysdm.cpl"></p><ol><li>依次点击【高级】、【环境变量】，找到【系统变量】的【Path】变量，双击它：</li></ol><p><img src="/images/mingw-windows-tutorial/13-env-advanced.webp" alt="配置 Windows 环境变量：点击高级"></p><p><img src="/images/mingw-windows-tutorial/14-env-vars.webp" alt="配置 Windows 环境变量：点击环境变量"></p><p><img src="/images/mingw-windows-tutorial/15-env-path.webp" alt="配置 Windows 环境变量：找到系统 Path 变量"></p><ol><li>然后点击【新建】，粘贴刚才的路径，回车：</li></ol><p><img src="/images/mingw-windows-tutorial/16-env-new.webp" alt="配置 Windows 环境变量：点击新建"></p><p><img src="/images/mingw-windows-tutorial/17-env-paste.webp" alt="配置 Windows 环境变量：粘贴路径"></p><ol><li>依次点击 3 次【确定】：</li></ol><p><img src="/images/mingw-windows-tutorial/18-env-ok-1.webp" alt="配置 Windows 环境变量：点击确定 1"></p><p><img src="/images/mingw-windows-tutorial/19-env-ok-2.webp" alt="配置 Windows 环境变量：点击确定 2"></p><p><img src="/images/mingw-windows-tutorial/20-env-ok-3.webp" alt="配置 Windows 环境变量：点击确定 3"></p><p>最后打开一个新的终端窗口输入 <code>gcc --version</code> 验证一下：</p><p><img src="/images/mingw-windows-tutorial/21-verify-gcc.webp" alt="配置 Windows 环境变量：验证"></p><h2 id="➤-后续更新">➤ 后续更新</h2><p>后续如果要更新 MSYS2 和 MinGW-w64，只需要在 MSYS2 中输入以下命令：</p><pre class="line-numbers language-bash" data-language="bash"><code class="language-bash">pacman <span class="token parameter variable">-Syu</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p>等待命令执行完成即可。</p>]]></content>
    
    
    <summary type="html">基于 MSYS2 + Pacman 包管理器，在 Windows 上轻松搭建 MinGW-w64 GCC 编译环境，享受滚动更新和类 Unix 开发体验。</summary>
    
    
    
    <category term="编程" scheme="https://www.mtueih.com/categories/programming/"/>
    
    <category term="C/C++" scheme="https://www.mtueih.com/categories/programming/c-cpp/"/>
    
    <category term="环境搭建" scheme="https://www.mtueih.com/categories/programming/c-cpp/environment-setup/"/>
    
    
    <category term="Windows" scheme="https://www.mtueih.com/tags/windows/"/>
    
    <category term="C" scheme="https://www.mtueih.com/tags/c/"/>
    
    <category term="C++" scheme="https://www.mtueih.com/tags/cpp/"/>
    
    <category term="MinGW-w64" scheme="https://www.mtueih.com/tags/mingw-w64/"/>
    
    <category term="MSYS2" scheme="https://www.mtueih.com/tags/msys2/"/>
    
    <category term="GCC" scheme="https://www.mtueih.com/tags/gcc/"/>
    
  </entry>
  
  <entry>
    <title>掌握 Markdown：语法详解与实战示例</title>
    <link href="https://www.mtueih.com/posts/markdown-syntax-comprehensive-guide/"/>
    <id>https://www.mtueih.com/posts/markdown-syntax-comprehensive-guide/</id>
    <published>2025-10-28T12:00:00.000Z</published>
    <updated>2026-02-22T10:29:04.031Z</updated>
    
    <content type="html"><![CDATA[<h2 id="一、文本格式化">一、文本格式化</h2><h3 id="1、加粗">1、加粗</h3><table>    <thead>        <caption>文本<strong>加粗</strong>语法</caption>        <tr>            <th>语法</th>            <th>对应的 HTML 语法</th>            <th>效果</th>        </tr>    </thead>    <tbody>        <tr>            <td><code>**粗体**</code></td>            <td rowspan="2"><code>&lt;strong&gt;粗体&lt;/strong&gt;</code></td>            <td rowspan="2"><strong>粗体</strong></td>        </tr>        <tr>            <td><code>__粗体__</code></td>        </tr>    </tbody>    <tfoot>        <tr>            <td colspan="3">💡最佳实践：尽可能使用<code>**粗体**</code>。</td>        </tr>    </tfoot></table><h3 id="2、斜体">2、斜体</h3><table>    <thead>        <caption>文本<em>斜体</em>语法</caption>        <tr>            <th>语法</th>            <th>对应的 HTML 语法</th>            <th>效果</th>        <tr>    </thead>    <tbody>        <tr>            <td><code>*斜体*</code></td>            <td rowspan="2"><code>&lt;em&gt;斜体&lt;/em&gt;</code></td>            <td rowspan="2"><em>斜体</em></td>        </tr>        <tr>            <td><code>_斜体_</code></td>        </tr>    </tbody>    <tfoot>        <tr>            <td colspan="3">💡最佳实践：尽可能使用<code>*斜体*</code>。</td>        </tr>    </tfoot></table><h3 id="3、删除线">3、删除线</h3><table>    <thead>        <caption>文本<del>删除线</del>语法</caption>        <tr>            <th>语法</th>            <th>对应的 HTML 语法</th>            <th>效果</th>        </tr>    </thead>    <tbody>        <tr>            <td><code>~~删除线~~</code></td>            <td><code>&lt;del&gt;删除线&lt;/del&gt;</code></td>            <td><del>删除线</del></td>        </tr>    </tbody></table><h3 id="4、下划线（HTML）">4、下划线（HTML）</h3><table>    <thead>        <caption>文本<u>下划线（HTML）</u>语法</caption>        <tr>            <th>语法</th>            <th>对应的 HTML 语法</th>            <th>效果</th>        </tr>    </thead>    <tbody>        <tr>            <td>无</td>            <td><code>&lt;u&gt;下划线（HTML）&lt;/u&gt;</code></td>            <td><u>下划线（HTML）</u></td>        </tr>    </tbody></table><h3 id="5、高亮">5、高亮</h3><table>    <thead>        <caption>文本<mark>高亮</mark>语法</caption>        <tr>            <th>语法</th>            <th>对应的 HTML 语法</th>            <th>效果</th>        </tr>    </thead>    <tbody>        <tr>            <td><code>==高亮==</code></td>            <td><code>&lt;mark&gt;高亮&lt;/mark&gt;</code></td>            <td><mark>高亮</mark></td>        </tr>    </tbody></table><h3 id="6、字体、字号和颜色（样式化）（HTML）">6、字体、字号和颜色（样式化）（HTML）</h3><p>⚠️ 注意：Markdown 本身不支持样式化，以下内容需要使用 HTML 标签。</p><table>    <thead>        <caption>文本<font face="楷体">字体</font>、<font size="6">字号</font>和<font color="green">颜色</font>（样式化）（HTML）语法</caption>        <tr>            <th>样式</th>            <th>语法</th>            <th>对应的 HTML 语法</th>            <th>效果</th>        </tr>    </thead>    <tbody>        <tr>            <td><font face="楷体">字体</font></td>            <td>无</td>            <td><code>&lt;font face="楷体"&gt;字体&lt;/font&gt;</code></td>            <td rowspan="3">⬅️见第一列</td>        </tr>        <tr>            <td><font size="6">字号</font></td>            <td>无</td>            <td><code>&lt;font size="6"&gt;字号&lt;/font&gt;</code></td>        </tr>        <tr>            <td><font color="green">颜色</font></td>            <td>无</td>            <td><code>&lt;font color="green"&gt;颜色&lt;/font&gt;</code></td>        </tr>    </tbody></table><p>💡 <strong>最佳实践</strong>：尽量避免在 Markdown 中使用 HTML 样式，这会使文档难以维护。如果需要样式化，建议使用 CSS 或选择支持样式化的 Markdown 解析器。</p><h2 id="二、链接">二、链接</h2><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">全球最大的开发者社区：<span class="token url">[<span class="token content">GitHub</span>](<span class="token url">https://github.com</span>)</span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup">全球最大的开发者社区：<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://github.com<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>GitHub<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p>全球最大的开发者社区：<a href="https://github.com">GitHub</a>。</p><h3 id="1、链接的-title">1、链接的 title</h3><p>鼠标悬停在链接上时的提示文本。</p><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token url">[<span class="token content">GNU</span>](<span class="token url">https://www.gnu.org</span> <span class="token string">"伟大，无需多言。"</span>)</span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.gnu.org<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>伟大，无需多言。<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>GNU<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p><a href="https://www.gnu.org" title="伟大，无需多言。">GNU</a>。</p><h3 id="2、字面-url">2、字面 url</h3><p>字面 url，不同于超链接，将文本指向一个 url，而是将 url 原样写出来。</p><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">&lt;https://www.markdownguide.org/>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.markdownguide.org/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>https://www.markdownguide.org/<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p><a href="https://www.markdownguide.org/">https://www.markdownguide.org/</a>。</p><h3 id="3、邮箱链接">3、邮箱链接</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>gnu@gnu.org</span><span class="token punctuation">></span></span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mailto:gnu@gnu.org<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>gnu@gnu.org<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p><a href="mailto:gnu@gnu.org">gnu@gnu.org</a>。</p><h2 id="三、图像">三、图像</h2><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token url"><span class="token operator">!</span>[<span class="token content">GNU Logo</span>](<span class="token url">https://www.gnu.org/graphics/gerwinski-gnu-head.png</span>)</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.gnu.org/graphics/gerwinski-gnu-head.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>GNU Logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p><img src="https://www.gnu.org/graphics/gerwinski-gnu-head.png" alt="GNU Logo"></p><h3 id="1、图像-title">1、图像 title</h3><p>同链接。</p><h3 id="2、图像链接">2、图像链接</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token url">[<span class="token content">![GNU Logo</span>](<span class="token url">https://www.gnu.org/graphics/gerwinski-gnu-head.png</span>)</span>](https://www.gnu.org/)<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.gnu.org/<span class="token punctuation">"</span></span>  <span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span>    <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.gnu.org/graphics/gerwinski-gnu-head.png<span class="token punctuation">"</span></span>    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>GNU Logo<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><p><a href="https://www.gnu.org/"><img src="https://www.gnu.org/graphics/gerwinski-gnu-head.png" alt="GNU Logo"></a></p><h2 id="四、引用块">四、引用块</h2><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token blockquote punctuation">></span> GNU's Not Unix!<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>blockquote</span><span class="token punctuation">></span></span>GNU's Not Unix!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>blockquote</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><blockquote><p>GNU’s Not Unix!</p></blockquote><h2 id="五、列表">五、列表</h2><h3 id="1、有序列表">1、有序列表</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">编写程序的 7 个步骤：<span class="token list punctuation">1.</span> 定义程序的目标；<span class="token list punctuation">2.</span> 设计程序；<span class="token list punctuation">3.</span> 编写代码；<span class="token list punctuation">4.</span> 编译；<span class="token list punctuation">5.</span> 运行程序<span class="token list punctuation">6.</span> 测试和调试<span class="token list punctuation">7.</span> 维护和修改<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>编写程序的 7 个步骤：<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ol</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>定义程序的目标；<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>设计程序；<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>编写代码；<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>编译；<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>运行程序<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>测试和调试<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>维护和修改<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ol</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><p>编写程序的 7 个步骤：</p><ol><li>定义程序的目标；</li><li>设计程序；</li><li>编写代码；</li><li>编译；</li><li>运行程序</li><li>测试和调试</li><li>维护和修改</li></ol><h3 id="2、无序列表">2、无序列表</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token list punctuation">-</span> React<span class="token list punctuation">-</span> Vue<span class="token list punctuation">-</span> Astro<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>React<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>Vue<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>Astro<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><ul><li>React</li><li>Vue</li><li>Astro</li></ul><h2 id="六、分割线">六、分割线</h2><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token hr punctuation">---</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>hr</span> <span class="token punctuation">/></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><hr><h2 id="七、代码">七、代码</h2><h3 id="1、行内代码">1、行内代码</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">在 C 语言中打印“Hello world!”：<span class="token code-snippet code keyword">`printf("Hello world!\n");`</span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup">在 C 语言中打印“Hello world!”：<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">></span></span>printf("Hello world!\n");<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">></span></span>。<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p>在 C 语言中打印“Hello world!”：<code>printf(&quot;Hello world!\n&quot;);</code>。</p><h3 id="2、代码块">2、代码块</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token code"><span class="token punctuation">```</span><span class="token code-language">c</span><span class="token code-block language-c">#include &lt;stdio.h>int main(void) &#123;    printf("Hello world!\n");    return 0;&#125;</span><span class="token punctuation">```</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>pre</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">></span></span>#include <span class="token entity named-entity" title="&lt;">&amp;lt;</span>stdio.h<span class="token entity named-entity" title="&gt;">&amp;gt;</span>int main(void) &#123;    printf("Hello world!\n");    return 0;&#125;<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>pre</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><pre class="line-numbers language-c" data-language="c"><code class="language-c"><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">include</span> <span class="token string">&lt;stdio.h></span></span><span class="token keyword">int</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token keyword">void</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>    <span class="token function">printf</span><span class="token punctuation">(</span><span class="token string">"Hello world!\n"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>    <span class="token keyword">return</span> <span class="token number">0</span><span class="token punctuation">;</span><span class="token punctuation">&#125;</span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><h2 id="八、进阶语法-a-id-advanced-grammar-a">八、进阶语法<a id="advanced-grammar"></a></h2><h3 id="1、转义字符">1、转义字符</h3><p>Markdown 语法中涉及到的字符，如果想正常显示，则需要使用反斜杠（<code>\</code>）转移。</p><h3 id="2、表格">2、表格</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token table"><span class="token table-header-row"><span class="token punctuation">|</span><span class="token table-header important"> 网站 </span><span class="token punctuation">|</span><span class="token table-header important"> 说明 </span><span class="token punctuation">|</span></span><span class="token table-line"><span class="token punctuation">|</span> <span class="token punctuation">---:</span> <span class="token punctuation">|</span> <span class="token punctuation">:---</span> <span class="token punctuation">|</span></span><span class="token table-data-rows"><span class="token punctuation">|</span><span class="token table-data"> <span class="token url">[<span class="token content">GitHub</span>](<span class="token url">https://github.com</span>)</span> </span><span class="token punctuation">|</span><span class="token table-data"> 全球最大的开发者社区。 </span><span class="token punctuation">|</span><span class="token punctuation">|</span><span class="token table-data"> <span class="token url">[<span class="token content">GNU</span>](<span class="token url">https://www.gnu.com</span>)</span> </span><span class="token punctuation">|</span><span class="token table-data"> GNU's Not Unix! </span><span class="token punctuation">|</span></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span></span></code></pre><p><code>---:</code>、<code>:---</code>、<code>:---:</code> 分别表示对应列右、左、居中对齐。</p><p><strong>对应的 HTML 语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>table</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>thead</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">text-align</span><span class="token punctuation">:</span>right</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>网站<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">text-align</span><span class="token punctuation">:</span>left</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>说明<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>thead</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tbody</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">text-align</span><span class="token punctuation">:</span>right</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>noopener<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://github.com<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>GitHub<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">text-align</span><span class="token punctuation">:</span>left</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>全球最大的开发者社区。<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">text-align</span><span class="token punctuation">:</span>right</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>noopener<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.gnu.com<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>GNU<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">text-align</span><span class="token punctuation">:</span>left</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>GNU’s Not Unix!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tbody</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>table</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><table><thead><tr><th style="text-align:right">网站</th><th style="text-align:left">说明</th></tr></thead><tbody><tr><td style="text-align:right"><a href="https://github.com">GitHub</a></td><td style="text-align:left">全球最大的开发者社区。</td></tr><tr><td style="text-align:right"><a href="https://www.gnu.com">GNU</a></td><td style="text-align:left">GNU’s Not Unix!</td></tr></tbody></table><h4 id="2-1、表格的跨行跨列（HTML）">2.1、表格的跨行跨列（HTML）</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>table</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>caption</span><span class="token punctuation">></span></span>版本规划任务分配表<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>caption</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>需求：V0.3版本规划<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span><span class="token punctuation">></span></span>优先级<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span><span class="token punctuation">></span></span>任务分解<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span><span class="token punctuation">></span></span>产品负责人<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>功能模块1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>具体事项1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>@翠花<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>具体事项2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>4<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>功能模块2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>具体事项1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>具体事项2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>4<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务4<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>具体事项3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>std</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span><span class="token punctuation">></span></span>任务1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tfoot</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>th</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>备注信息<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>th</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>tr</span><span class="token punctuation">></span></span>            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>td</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>...<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>td</span><span class="token punctuation">></span></span>        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tr</span><span class="token punctuation">></span></span>    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tfoot</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>table</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><table>    <caption>版本规划任务分配表</caption>    <tr>        <th colspan="2">需求：V0.3版本规划</th>        <th>优先级</th>        <th>任务分解</th>        <th>产品负责人</th>    </tr>    <tr>        <td rowspan="3">功能模块1</td>        <td>具体事项1</td>        <td>3</td>        <td>任务1</td>        <td rowspan="3">@翠花</td>    </tr>    <tr>        <td rowspan="2">具体事项2</td>        <td>4</td>        <td>任务2</td>    </tr>    <tr>        <td>1</td>        <td>任务3</td>    </tr>    <tr>        <td rowspan="6">功能模块2</td>        <td>具体事项1</td>        <td>2</td>        <td>任务1</td>        <td rowspan="6"></td>    </tr>    <tr>        <td rowspan="4">具体事项2</td>        <td>3</td>        <td>任务1</td>    </tr>    <tr>        <td>2</td>        <td>任务2</td>    </tr>    <tr>        <td>1</td>        <td>任务3</td>    </tr>    <tr>        <td>4</td>        <td>任务4</td>    </tr>    <tr>        <td>具体事项3</td>        <td>1</td>        <td>任务1</td>    </tr>    <tfoot>        <tr>            <th colspan="5">备注信息</th>        </tr>        <tr>            <td colspan="5">...</td>        </tr>    </tfoot></table><h3 id="3、脚注">3、脚注</h3><p>在 Markdown 中，脚注的两个部分（<strong>脚注引用</strong>和<strong>脚注定义</strong>）即使写在一块（通常也建议写在一块），在渲染的时候，通常也会将<strong>脚注定义</strong>渲染在文档尾部，不然为什么叫<strong>脚</strong>注呢？</p><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">GNU/Linux[^1] 是一个伟大的开源项目。<span class="token url-reference url"><span class="token punctuation">[</span><span class="token variable">^1</span><span class="token punctuation">]</span><span class="token punctuation">:</span> GNU/Linux</span> 指的是将 GNU 项目的软件组件与 Linux 内核结合而成的操作系统。<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><p>GNU/Linux[^1] 是一个伟大的开源项目。</p><p>[^1]: GNU/Linux 指的是将 GNU 项目的软件组件与 Linux 内核结合而成的操作系统。</p><h3 id="4、上下标">4、上下标</h3><table><thead><tr><th>语法名称</th><th>语法</th><th>对应的 HTML 语法</th><th>效果</th></tr></thead><tbody><tr><td>上标</td><td><code>x^2^</code></td><td><code>x&lt;sup&gt;2&lt;/sup&gt;</code></td><td>x^2^</td></tr><tr><td>下标</td><td><code>H~2~O</code></td><td><code>H&lt;sub&gt;2&lt;/sub&gt;O</code></td><td>H~2~O</td></tr></tbody></table><h3 id="5、待办列表">5、待办列表</h3><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token list punctuation">-</span> [x] 任务 1<span class="token list punctuation">-</span> [x] 任务 2<span class="token list punctuation">-</span> [ ] 任务 3<span class="token list punctuation">-</span> [ ] 任务 4<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><ul><li>[x] 任务 1</li><li>[x] 任务 2</li><li>[ ] 任务 3</li><li>[ ] 任务 4</li></ul><h3 id="6、锚点">6、锚点</h3><p><strong>锚点</strong>，即在同一个页面中使用超链接语法跳转到不同的位置。只要在需要跳转的目标位置（通常是标题处，但其实任何位置都可以）放置一个空的 a 标签，并给这个 a 标签添加一个 <em>id</em> 属性，此后就可以使用 <code>#<em>id</em></code> 作为该位置的 url，使用超链接语法引用这个锚点了。</p><p><strong>语法</strong>：</p><p>以下演示，将 <code>&lt;a id=&quot;advanced-grammar&quot;&gt;&lt;/a&gt;</code> 放在了文章之前的位置。</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token title important"><span class="token punctuation">##</span> 八、进阶语法&lt;a id="advanced-grammar">&lt;/a></span>……<span class="token url">[<span class="token content">八、进阶语法</span>](<span class="token url">#advanced-grammar</span>)</span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><p><a href="#advanced-grammar">八、进阶语法</a></p><h3 id="7、内容目录">7、内容目录</h3><p>不是所有解析器都支持这个语法。</p><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">[TOC]<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p>[TOC]</p><h2 id="九、高级语法">九、高级语法</h2><h3 id="1、LaTeX-数学公式">1、LaTeX 数学公式</h3><h4 id="1-1、行内公式">1.1、行内公式</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">$E=mc^2$<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">E=mc^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.6833em;"></span><span class="mord mathnormal" style="margin-right:0.05764em;">E</span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:0.8141em;"></span><span class="mord mathnormal">m</span><span class="mord"><span class="mord mathnormal">c</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span></p><h4 id="1-2、块级公式">1.2、块级公式</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">$$E=mc^2$$<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">E=mc^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.6833em;"></span><span class="mord mathnormal" style="margin-right:0.05764em;">E</span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:0.8641em;"></span><span class="mord mathnormal">m</span><span class="mord"><span class="mord mathnormal">c</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8641em;"><span style="top:-3.113em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span></span></p><h4 id="1-3、常用-LaTeX-语法">1.3、常用 LaTeX 语法</h4><table><thead><tr><th>语法名称</th><th>说明</th><th>语法</th><th>效果</th></tr></thead><tbody><tr><td>上标（指数）与下标</td><td><code>^</code> 表示上标（通常是指数），<code>_</code> 表示下标。</td><td><code>$x_i^2$</code></td><td><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msubsup><mi>x</mi><mi>i</mi><mn>2</mn></msubsup></mrow><annotation encoding="application/x-tex">x_i^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.0728em;vertical-align:-0.2587em;"></span><span class="mord"><span class="mord mathnormal">x</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-2.4413em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight">i</span></span></span><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.2587em;"><span></span></span></span></span></span></span></span></span></span></td></tr><tr><td>分式（fraction）</td><td><code>\frac{<em>分子</em>}{<em>分母</em>}</code>。</td><td><code>$\frac{1}{2}$</code></td><td><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mfrac><mn>1</mn><mn>2</mn></mfrac></mrow><annotation encoding="application/x-tex">\frac{1}{2}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.1901em;vertical-align:-0.345em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8451em;"><span style="top:-2.655em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">2</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.394em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">1</span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.345em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></td></tr><tr><td>根号（square root）</td><td><code>\sqrt[<em>根指数</em>]{<em>被开方表达式</em>}</code>。</td><td><code>$\sqrt[2]{x^2+y^2}$</code></td><td><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mroot><mrow><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><msup><mi>y</mi><mn>2</mn></msup></mrow><mn>2</mn></mroot></mrow><annotation encoding="application/x-tex">\sqrt[2]{x^2+y^2}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.24em;vertical-align:-0.2822em;"></span><span class="mord sqrt"><span class="root"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7276em;"><span style="top:-2.9054em;"><span class="pstrut" style="height:2.5em;"></span><span class="sizing reset-size6 size1 mtight"><span class="mord mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.9578em;"><span class="svg-align" style="top:-3.2em;"><span class="pstrut" style="height:3.2em;"></span><span class="mord" style="padding-left:1em;"><span class="mord"><span class="mord mathnormal">x</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7401em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7401em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span><span style="top:-2.9178em;"><span class="pstrut" style="height:3.2em;"></span><span class="hide-tail" style="min-width:1.02em;height:1.28em;"><svg xmlns="http://www.w3.org/2000/svg" width="400em" height="1.28em" viewBox="0 0 400000 1296" preserveAspectRatio="xMinYMin slice"><path d="M263,681c0.7,0,18,39.7,52,119c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120c340,-704.7,510.7,-1060.3,512,-1067l0 -0c4.7,-7.3,11,-11,19,-11H40000v40H1012.3s-271.3,567,-271.3,567c-38.7,80.7,-84,175,-136,283c-52,108,-89.167,185.3,-111.5,232c-22.3,46.7,-33.8,70.3,-34.5,71c-4.7,4.7,-12.3,7,-23,7s-12,-1,-12,-1s-109,-253,-109,-253c-72.7,-168,-109.3,-252,-110,-252c-10.7,8,-22,16.7,-34,26c-22,17.3,-33.3,26,-34,26s-26,-26,-26,-26s76,-59,76,-59s76,-60,76,-60zM1001 80h400000v40h-400000z"/></svg></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.2822em;"><span></span></span></span></span></span></span></span></span></td></tr><tr><td>求和（sum）</td><td><code>\sum_{<em>求和下限</em>}^{<em>求和上限</em>} {<em>通项公式</em>}</code>。</td><td><code>$\sum_{i=1}^n i^2$</code></td><td><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msubsup><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></msubsup><msup><mi>i</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">\sum_{i=1}^n i^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.1138em;vertical-align:-0.2997em;"></span><span class="mop"><span class="mop op-symbol small-op" style="position:relative;top:0em;">∑</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8043em;"><span style="top:-2.4003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight">i</span><span class="mrel mtight">=</span><span class="mord mtight">1</span></span></span></span><span style="top:-3.2029em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight">n</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.2997em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="mord"><span class="mord mathnormal">i</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span></td></tr><tr><td>积分（integral）</td><td><code>\int_{<em>积分下限</em>}^{<em>积分上限</em>} {<em>被积表达式</em>}</code>；<br /><code>\infty</code> 表示无穷符号。</td><td><code>$\int_0^\infty e^{-x}dx$</code></td><td><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msubsup><mo>∫</mo><mn>0</mn><mi mathvariant="normal">∞</mi></msubsup><msup><mi>e</mi><mrow><mo>−</mo><mi>x</mi></mrow></msup><mi>d</mi><mi>x</mi></mrow><annotation encoding="application/x-tex">\int_0^\infty e^{-x}dx</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.2151em;vertical-align:-0.3558em;"></span><span class="mop"><span class="mop op-symbol small-op" style="margin-right:0.19445em;position:relative;top:-0.0006em;">∫</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8593em;"><span style="top:-2.3442em;margin-left:-0.1945em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">0</span></span></span><span style="top:-3.2579em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">∞</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.3558em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="mord"><span class="mord mathnormal">e</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7713em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">−</span><span class="mord mathnormal mtight">x</span></span></span></span></span></span></span></span></span><span class="mord mathnormal">d</span><span class="mord mathnormal">x</span></span></span></span></td></tr><tr><td>矩阵（matrix）</td><td><code>\begin{matrix} {<em>矩阵元素</em>} \end{matrix}</code>；<br />矩阵元素之间用<code>&amp;</code>连接，用<code>\\</code>换行。</td><td><code>$\begin{matrix} a &amp; b &amp; c \\ d &amp; e &amp; f \\ f &amp; g &amp; h \end{matrix}$</code></td><td><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mtable rowspacing="0.16em" columnalign="center center center" columnspacing="1em"><mtr><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>a</mi></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>b</mi></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>c</mi></mstyle></mtd></mtr><mtr><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>d</mi></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>e</mi></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>f</mi></mstyle></mtd></mtr><mtr><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>f</mi></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>g</mi></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mi>h</mi></mstyle></mtd></mtr></mtable><annotation encoding="application/x-tex">\begin{matrix} a &amp; b &amp; c \\ d &amp; e &amp; f \\ f &amp; g &amp; h \end{matrix}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:3.6em;vertical-align:-1.55em;"></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:2.05em;"><span style="top:-4.21em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">a</span></span></span><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span></span></span><span style="top:-1.81em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.10764em;">f</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:1.55em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:2.05em;"><span style="top:-4.21em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">b</span></span></span><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">e</span></span></span><span style="top:-1.81em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">g</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:1.55em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:2.05em;"><span style="top:-4.21em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">c</span></span></span><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.10764em;">f</span></span></span><span style="top:-1.81em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">h</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:1.55em;"><span></span></span></span></span></span></span></span></span></span></span></td></tr></tbody></table><h3 id="2、Emoji">2、Emoji</h3><p>Emoji，即表情符号，在 Markdown 中，可以直接使用 Emoji 符号，也可以使用 Markdown 专属标记符来表示 Emoji。完整的标记列表参考 <a href="https://github.com/ikatyang/emoji-cheat-sheet">GitHub Emoji Cheat Sheet</a>。</p><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown">😎 :sunglasses:<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p>😎 :sunglasses:</p><h3 id="3、图表">3、图表</h3><p>在 Markdown 中，使用 Mermaid 语法来绘制图表，Mermaid 支持 多种图表类型，这里介绍 5 种常用的图表类型：流程图、序列图、甘特图、思维导图和饼图。</p><p>在 Mrakdown 中绘制 Mermaid 图表的语法大体是相同的，就是使用代码块语法，指定语言为 <code>mermaid</code>，然后在代码块中编写 Mermaid 语法。</p><h4 id="3-1、流程图">3.1、流程图</h4><p>要绘制 Mermaid 流程图，需要在开头使用 <code>graph</code> 或 <code>flowchart</code> 关键字，并在其后指定流程图的方向，四种方向的指定方法：</p><ul><li><code>TB</code> / <code>TD</code>：从上到下；</li><li><code>BT</code>：从下到上；</li><li><code>LR</code>：从左到右；</li><li><code>RL</code>：从右到左。</li></ul><p>这里演示最常用的 <code>TD</code> 方向。</p><p>然后定义节点和连接它们的线：</p><ul><li><p>定义节点：使用标识符（通常是单个的大写字母）定义节点，在其后使用括号包裹其内容，可以使用不同的括号包裹节点的内容来定义节点的形状：</p><ul><li><code>[]</code>：矩形节点；</li><li><code>()</code>：圆角矩形节点；</li><li><code>{}</code>：菱形节点。</li></ul></li><li><p>定义连接线：</p><ul><li><code>---</code>、<code>--&gt;</code>：实线、实线箭头；</li><li><code>-.-</code>、<code>-.-&gt;</code> ：虚线、虚线箭头；</li><li><code>===</code>、<code>==&gt;</code>：加粗线、加粗箭头。</li></ul></li><li><p>定义连接线上的描述文字：在连接线后面，使用 <code>|</code> 包裹描述文字，如 <code>A --&gt; |描述文字| B </code>。</p></li></ul><p>另外可以使用 <code>subgraph</code> 创建子流程。</p><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token code"><span class="token punctuation">```</span><span class="token code-language">mermaid</span><span class="token code-block language-mermaid">graph TD    A[开始] --> B&#123;是否继续&#125;    B --> |是| C[执行任务1]    B --> |否| D[退出]    C --> E[执行任务2]    E --> F[结束]    D --> F    subgraph one        E -->|调用子流程| G[子流程1]        G --> E    end</span><span class="token punctuation">```</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><pre><code class="mermaid">graph TD    A[开始] --&gt; B&#123;是否继续&#125;    B --&gt; |是| C[执行任务1]    B --&gt; |否| D[退出]    C --&gt; E[执行任务2]    E --&gt; F[结束]    D --&gt; F    subgraph one        E --&gt;|调用子流程| G[子流程1]        G --&gt; E    end</code></pre><h4 id="3-2、序列图">3.2、序列图</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token code"><span class="token punctuation">```</span><span class="token code-language">mermaid</span><span class="token code-block language-mermaid">sequenceDiagramA->>B: 是否已收到消息？B-->>A: 已收到消息</span><span class="token punctuation">```</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><pre><code class="mermaid">sequenceDiagramA-&gt;&gt;B: 是否已收到消息？B--&gt;&gt;A: 已收到消息</code></pre><h4 id="3-3、甘特图">3.3、甘特图</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token code"><span class="token punctuation">```</span><span class="token code-language">mermaid</span><span class="token code-block language-mermaid">gantt    title 项目开发流程    section 项目确定        需求分析       :a1, 2026-06-22, 3d        可行性报告     :after a1, 5d        概念验证       : 5d    section 项目实施        概要设计      :2026-07-05  , 5d        详细设计      :2026-07-08, 10d        编码          :2026-07-15, 10d        测试          :2026-07-22, 5d    section 发布验收        发布: 2d        验收: 3d</span><span class="token punctuation">```</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><pre><code class="mermaid">gantt    title 项目开发流程    section 项目确定        需求分析       :a1, 2026-06-22, 3d        可行性报告     :after a1, 5d        概念验证       : 5d    section 项目实施        概要设计      :2026-07-05  , 5d        详细设计      :2026-07-08, 10d        编码          :2026-07-15, 10d        测试          :2026-07-22, 5d    section 发布验收        发布: 2d        验收: 3d</code></pre><h4 id="3-4、思维导图">3.4、思维导图</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token code"><span class="token punctuation">```</span><span class="token code-language">mermaid</span><span class="token code-block language-mermaid">mindmap  root((记录笔记))    准备工作      工具选择        纸质笔记本        数字工具      环境设置        安静的地方        良好的照明    记录方法      线性笔记      思维导图      康奈尔笔记法    组织与整理      分类        主题分类        时间分类      复习与总结        定期复习        总结要点    提高效率      使用缩写      高亮重点      图表与图示</span><span class="token punctuation">```</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><pre><code class="mermaid">mindmap  root((记录笔记))    准备工作      工具选择        纸质笔记本        数字工具      环境设置        安静的地方        良好的照明    记录方法      线性笔记      思维导图      康奈尔笔记法    组织与整理      分类        主题分类        时间分类      复习与总结        定期复习        总结要点    提高效率      使用缩写      高亮重点      图表与图示</code></pre><h4 id="3-5、饼图">3.5、饼图</h4><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token code"><span class="token punctuation">```</span><span class="token code-language">mermaid</span><span class="token code-block language-mermaid">pie title 志愿者宠物领养    "狗" : 386    "猫" : 85    "仓鼠" : 15</span><span class="token punctuation">```</span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre><p><strong>效果</strong>：</p><pre><code class="mermaid">pie title 志愿者宠物领养    &quot;狗&quot; : 386    &quot;猫&quot; : 85    &quot;仓鼠&quot; : 15</code></pre><h3 id="4、徽章">4、徽章</h3><p>徽章常用于展示项目状态（如构建状态、版本号等）。</p><p>徽章的本质其实就是图片而已，所以徽章的重点就在于生成徽章。</p><p>常用的徽章生成服务有：</p><ul><li><a href="https://shields.io/">Shields.io</a>；</li><li><a href="https://badgen.net/">Badgen</a>;</li><li>[Simple Icons]</li></ul><p><strong>语法</strong>：</p><pre class="line-numbers language-markdown" data-language="markdown"><code class="language-markdown"><span class="token url">[<span class="token content">![Build Status</span>](<span class="token url">https://img.shields.io/badge/build-passing-brightgreen</span>)</span>](https://example.com)<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre><p><strong>效果</strong>：</p><p><a href="https://example.com"><img src="https://img.shields.io/badge/build-passing-brightgreen" alt="Build Status"></a></p>]]></content>
    
    
    <summary type="html">全面介绍 Markdown 基本与进阶语法，包含文本格式化、链接、图像、列表、代码块、表格、脚注、LaTeX 数学公式、Mermaid 图表等。</summary>
    
    
    
    <category term="工具" scheme="https://www.mtueih.com/categories/tools/"/>
    
    <category term="写作" scheme="https://www.mtueih.com/categories/tools/writing/"/>
    
    
    <category term="Markdown" scheme="https://www.mtueih.com/tags/markdown/"/>
    
  </entry>
  
</feed>
