[{"data":1,"prerenderedAt":42},["ShallowReactive",2],{"i-lucide:grip":3,"i-lucide:chevron-right":8,"i-lucide:moon":10,"i-lucide:sun":12,"i-lucide:languages":14,"i-lucide:chevron-down":16,"i-lucide:shield-check":18,"i-lucide:mail":20,"blog-body-markdown-advanced-syntax-zh":22,"i-lucide:lightbulb":23,"i-lucide:graduation-cap":25,"i-lucide:code":27,"i-lucide:pen-tool":29,"i-lucide:pen-line":31,"i-lucide:square-sigma":33,"i-lucide:git-branch":35,"i-lucide:file-code-2":37,"i-lucide:star":40},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"19\" r=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 8l6 6m-7 0l6-6l2-3M2 5h12M7 2h1m14 20l-5-10l-5 10m2-4h6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>\u003Cpath d=\"m9 12l2 2l4-4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>","\u003Cblockquote>\n\u003Cp>掌握标题、列表、表格后，Markdown 还有一批\u003Cstrong>进阶语法\u003C\u002Fstrong>能让文档更专业：LaTeX 写数学公式、Mermaid 用文字画流程图、\u003Ccode><details>\u003C\u002Fcode> 折叠冗长内容、上下标写化学式与幂次。这些属于扩展语法、\u003Cstrong>依赖渲染器支持\u003C\u002Fstrong>，用之前要看目标平台。本文每个都给源码 + 真实渲染效果截图，并附可复制练习的例子。\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-advanced-syntax\u002Fcover.webp\" alt=\"Markdown 进阶语法：公式、流程图、折叠、上下标\">\u003C\u002Fp>\n\u003Ch2>什么算「进阶」语法？哪些人需要？\u003C\u002Fh2>\n\u003Cp>进阶语法指标题、列表、表格这些「核心语法」之外的扩展写法：数学公式、流程图、上标下标、可折叠区块、脚注、高亮等。它们的共同特点是\u003Cstrong>不属于最初的 Markdown 规范，而是各渲染器后来扩展的\u003C\u002Fstrong>，所以支持程度参差不齐——同一段源码，有的平台渲染成漂亮的图，有的原样显示一堆符号。\u003C\u002Fp>\n\u003Cp>需要它们的通常是特定人群：写论文、做笔记的人要数学公式；程序员和产品要流程图、时序图；写长文档的人要折叠区块。如果你只是写博客正文或周报，多数用不上——这也正是把它们单独归为「进阶篇」的原因。\u003Cstrong>关键前提：用之前先确认目标平台是否渲染\u003C\u002Fstrong>，否则读者只会看到原始符号。下面演示的效果都截自站内在线编辑器的实时预览，你可以边看边复制到编辑器里自己试。\u003C\u002Fp>\n\u003Ch2>怎么写数学公式（LaTeX）？\u003C\u002Fh2>\n\u003Cp>数学公式用 LaTeX 语法：\u003Cstrong>行内公式\u003C\u002Fstrong>用一对美元符号 \u003Ccode>$...$\u003C\u002Fcode>，\u003Cstrong>块级公式\u003C\u002Fstrong>（独占一行、居中）用两对 \u003Ccode>$$...$$\u003C\u002Fcode>。前提是渲染器加载了 KaTeX 或 MathJax，否则只会显示原始文本。\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes github-light github-dark mac-code-block\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Cspan class=\"mac-lang-badge\">markdown\u003C\u002Fspan>\u003Ccode class=\"language-markdown\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">质能方程 $E = mc^2$ 是行内公式。\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">下面是块级公式：\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">$$\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">$$\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-advanced-syntax\u002Fmath.webp\" alt=\"LaTeX 数学公式的渲染效果\">\u003C\u002Fp>\n\u003Cp>常用记号：\u003Ccode>^\u003C\u002Fcode> 表上标（\u003Ccode>x^2\u003C\u002Fcode>）、\u003Ccode>_\u003C\u002Fcode> 表下标（\u003Ccode>a_1\u003C\u002Fcode>）、\u003Ccode>\\frac{}{}\u003C\u002Fcode> 分数、\u003Ccode>\\sqrt{}\u003C\u002Fcode> 根号、\u003Ccode>\\pm\u003C\u002Fcode> 正负号、\u003Ccode>\\sum\u003C\u002Fcode> 求和。写论文、理科笔记时，这比在 Word 里点公式编辑器快得多。如果专门排版数学、又记不住命令，站内的 \u003Ca href=\"\u002Fmarkdown\u002Flatex\u002F\">LaTeX 公式编辑器\u003C\u002Fa> 提供符号面板可视化插入。\u003C\u002Fp>\n\u003Ch2>流程图、时序图怎么用文字画（Mermaid）？\u003C\u002Fh2>\n\u003Cp>Mermaid 让你用文字描述来生成图：在代码块里把语言标成 \u003Ccode>mermaid\u003C\u002Fcode>，再写节点和箭头（如 \u003Ccode>A --> B\u003C\u002Fcode>），支持的渲染器就会自动画成流程图、时序图、甘特图等。它的好处是图变成了\u003Cstrong>可版本管理的文本\u003C\u002Fstrong>，改一行就能调整结构，不用重新拖拽画布。\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes github-light github-dark mac-code-block\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Cspan class=\"mac-lang-badge\">markdown\u003C\u002Fspan>\u003Ccode class=\"language-markdown\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">```mermaid\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">flowchart LR\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">  A([开始]) --> B{条件判断}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">  B -- 是 --> C[执行 A]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">  B -- 否 --> D[执行 B]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">  C --> E([结束])\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">  D --> E\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">```\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-advanced-syntax\u002Fmermaid.webp\" alt=\"Mermaid 流程图的渲染效果\">\u003C\u002Fp>\n\u003Cp>\u003Ccode>flowchart LR\u003C\u002Fcode> 表示从左到右布局（\u003Ccode>TD\u003C\u002Fcode> 是从上到下）；\u003Ccode>[]\u003C\u002Fcode> 是矩形节点、\u003Ccode>{}\u003C\u002Fcode> 是菱形判断、\u003Ccode>([])\u003C\u002Fcode> 是圆角。公众号、小红书这类平台不渲染 Mermaid 源码，需要先在 \u003Ca href=\"\u002Fmarkdown\u002Fmermaid\u002F\">Mermaid 在线绘图\u003C\u002Fa> 里渲染好、导出 PNG 再插回文档。\u003C\u002Fp>\n\u003Ch2>怎么做可折叠的内容（details）？\u003C\u002Fh2>\n\u003Cp>可折叠区块用 HTML 的 \u003Ccode><details>\u003C\u002Fcode> 标签实现：把要折叠的内容包在 \u003Ccode><details>\u003C\u002Fcode> 里，用 \u003Ccode><summary>\u003C\u002Fcode> 写默认显示的标题，点击标题才展开。因为 Markdown 兼容行内 HTML，所以这段直接写 HTML 即可；给 \u003Ccode><details>\u003C\u002Fcode> 加上 \u003Ccode>open\u003C\u002Fcode> 属性可以让它默认展开。\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes github-light github-dark mac-code-block\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Cspan class=\"mac-lang-badge\">markdown\u003C\u002Fspan>\u003Ccode class=\"language-markdown\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A;--shiki-dark:#85E89D\">details\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\"> open\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A;--shiki-dark:#85E89D\">summary\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">>点我展开完整报错日志<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A;--shiki-dark:#85E89D\">summary\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">这里是被折叠的内容，可以放很长的日志、代码或补充说明。\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A;--shiki-dark:#85E89D\">details\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-advanced-syntax\u002Fdetails.webp\" alt=\"可折叠 details 区块的渲染效果\">\u003C\u002Fp>\n\u003Cp>折叠区块适合放冗长但非必读的内容：完整报错、附录、剧透、可选步骤。注意 \u003Ccode><summary>\u003C\u002Fcode> 后要空一行再写正文，里面的 Markdown 才能正常渲染。它依赖 HTML 支持，GitHub 和多数编辑器都能用，但公众号等富文本平台可能会被过滤。\u003C\u002Fp>\n\u003Ch2>上标、下标怎么写？顺便看看「扩展语法」的坑\u003C\u002Fh2>\n\u003Cp>上标用 \u003Ccode>^文字^\u003C\u002Fcode>（如 \u003Ccode>m^2^\u003C\u002Fcode>）、下标用 \u003Ccode>~文字~\u003C\u002Fcode>（如 \u003Ccode>H~2~O\u003C\u002Fcode>），写化学式、数学幂次很方便。高亮通常写作 \u003Ccode>==文字==\u003C\u002Fcode>，但它\u003Cstrong>并非所有渲染器都支持\u003C\u002Fstrong>——下面这张截图正好能看到这个坑。\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes github-light github-dark mac-code-block\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Cspan class=\"mac-lang-badge\">markdown\u003C\u002Fspan>\u003Ccode class=\"language-markdown\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">水的化学式是 H~2~O，面积单位是 m^2^。\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">这段话里有 ==需要重点标注== 的内容。\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-advanced-syntax\u002Fsupsub.webp\" alt=\"上标、下标渲染成功，高亮未生效的对比\">\u003C\u002Fp>\n\u003Cp>看截图：\u003Ccode>H~2~O\u003C\u002Fcode> 和 \u003Ccode>m^2^\u003C\u002Fcode> 正确渲染成了下标和上标，但第二行的 \u003Ccode>==需要重点标注==\u003C\u002Fcode> \u003Cstrong>原样显示了两个等号\u003C\u002Fstrong>——因为这个编辑器没启用高亮扩展。这就是进阶语法最典型的现象：\u003Cstrong>同一份源码，换个渲染器结果就不同\u003C\u002Fstrong>。遇到不支持的扩展，上下标可退回用 LaTeX（\u003Ccode>H_2O\u003C\u002Fcode>、\u003Ccode>m^2\u003C\u002Fcode>）实现，高亮可退回用加粗代替。\u003C\u002Fp>\n\u003Ch2>在 Markdown 里直接写 HTML 行不行？\u003C\u002Fh2>\n\u003Cp>可以。Markdown 的设计允许\u003Cstrong>混入原始 HTML\u003C\u002Fstrong>，Markdown 语法搞不定的排版（如给文字上色、设置居中）就直接写 HTML 标签，渲染器会原样输出。上一节的 \u003Ccode><details>\u003C\u002Fcode> 折叠就是这个机制。\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes github-light github-dark mac-code-block\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Cspan class=\"mac-lang-badge\">markdown\u003C\u002Fspan>\u003Ccode class=\"language-markdown\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">这是普通段落。\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A;--shiki-dark:#85E89D\">p\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1;--shiki-dark:#B392F0\"> style\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62;--shiki-dark:#9ECBFF\">\"color: #e11d48; text-align: center;\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">>这行是居中的红色文字（用 HTML 实现）。<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A;--shiki-dark:#85E89D\">p\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>需要注意两点：一是\u003Cstrong>安全渲染器会过滤危险标签\u003C\u002Fstrong>（如 \u003Ccode><script>\u003C\u002Fcode>），二是\u003Cstrong>不同平台对 HTML 支持不同\u003C\u002Fstrong>——本地编辑器、GitHub 支持较好，公众号、部分静态博客会清洗掉样式。所以 HTML 混排适合自己可控的场景，跨平台发布前要实测。\u003C\u002Fp>\n\u003Ch2>转义：想显示 \u003Ccode>*\u003C\u002Fcode> \u003Ccode>#\u003C\u002Fcode> 符号本身怎么办？\u003C\u002Fh2>\n\u003Cp>当你想显示 \u003Ccode>*\u003C\u002Fcode>、\u003Ccode>#\u003C\u002Fcode>、\u003Ccode>`\u003C\u002Fcode> 这些符号本身、而不是触发语法时，在符号前加一个反斜杠 \u003Ccode>\\\u003C\u002Fcode> 转义即可。比如写 \u003Ccode>\\*\u003C\u002Fcode> 会显示星号而不是变成斜体。\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes github-light github-dark mac-code-block\" style=\"background-color:#fff;--shiki-dark-bg:#24292e;color:#24292e;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Cspan class=\"mac-lang-badge\">markdown\u003C\u002Fspan>\u003Ccode class=\"language-markdown\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">我想显示星号本身：\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">\\*\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">不倾斜\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">\\*\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">，以及井号 \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">\\#\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\"> 和反引号 \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5;--shiki-dark:#79B8FF\">\\`\u003C\u002Fspan>\u003Cspan style=\"color:#24292E;--shiki-dark:#E1E4E8\">。\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>常见于写「五颗星 *****」「价格 $100」，或在教程里展示 Markdown 语法本身时。记不住也没关系，用得到时查一下即可。\u003C\u002Fp>\n\u003Ch2>进阶语法速查与兼容性\u003C\u002Fh2>\n\u003Cp>各进阶语法的写法和常见兼容性一览（是否渲染取决于具体平台，此处为大致情况）：\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>语法\u003C\u002Fth>\n\u003Cth>写法\u003C\u002Fth>\n\u003Cth>依赖\u003C\u002Fth>\n\u003Cth>兼容性\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>行内公式\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>$E=mc^2$\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>KaTeX\u002FMathJax\u003C\u002Ftd>\n\u003Ctd>中\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>块级公式\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>$$...$$\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>KaTeX\u002FMathJax\u003C\u002Ftd>\n\u003Ctd>中\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>流程图\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>```mermaid\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Mermaid\u003C\u002Ftd>\n\u003Ctd>中低\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>折叠区块\u003C\u002Ftd>\n\u003Ctd>\u003Ccode><details>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>HTML\u003C\u002Ftd>\n\u003Ctd>中高\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>上标\u002F下标\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>^x^\u003C\u002Fcode> \u002F \u003Ccode>~x~\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>扩展\u003C\u002Ftd>\n\u003Ctd>中\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>高亮\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>==文字==\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>扩展\u003C\u002Ftd>\n\u003Ctd>低\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>脚注\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>[^1]\u003C\u002Fcode> + \u003Ccode>[^1]: 内容\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>扩展\u003C\u002Ftd>\n\u003Ctd>中低\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>转义\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\\*\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>通用\u003C\u002Ftd>\n\u003Ctd>高\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch2>边界：什么时候别用这些语法\u003C\u002Fh2>\n\u003Cp>进阶语法虽好，但\u003Cstrong>跨平台发布时是主要的踩坑来源\u003C\u002Fstrong>。如果最终要发到公众号、小红书或某个不确定是否支持的平台，公式、Mermaid、高亮、脚注很可能显示为一堆原始符号或空白。此时更稳的做法是：把公式和流程图\u003Cstrong>先渲染成图片\u003C\u002Fstrong>再插入，用普通文字或加粗代替高亮。\u003C\u002Fp>\n\u003Cp>判断原则很简单：\u003Cstrong>内容自己可控（本地笔记、GitHub、支持这些扩展的博客）就放心用；要投递到第三方平台，先实测或降级成图片。\u003C\u002Fstrong> 想边写边确认效果，把本文例子复制到 \u003Ca href=\"\u002Fmarkdown\u002Fedit\u002F\">Markdown 在线编辑器\u003C\u002Fa> 里试——它支持公式和 Mermaid 实时预览，纯浏览器本地运行；确认无误后再用 \u003Ca href=\"\u002Fmarkdown\u002Fconvert\u002F\">Markdown 转换工具\u003C\u002Fa> 导出成 PDF\u002FWord 归档。更多相关工具都在 \u003Ca href=\"\u002Fmarkdown\u002F\">Markdown 工具箱\u003C\u002Fa>。\u003C\u002Fp>\n\u003Ch2>小结\u003C\u002Fh2>\n\u003Cp>Markdown 进阶语法的核心是：公式 \u003Ccode>$...$\u003C\u002Fcode> \u002F \u003Ccode>$$...$$\u003C\u002Fcode>、流程图 \u003Ccode>```mermaid\u003C\u002Fcode>、折叠 \u003Ccode><details>\u003C\u002Fcode>、上标下标 \u003Ccode>^x^\u003C\u002Fcode> \u002F \u003Ccode>~x~\u003C\u002Fcode>、HTML 混排、转义 \u003Ccode>\\\u003C\u002Fcode>。它们能显著提升文档的专业度，但大多\u003Cstrong>依赖渲染器\u003C\u002Fstrong>，跨平台发布前务必确认支持情况，不确定就降级成图片。打开\u003Ca href=\"\u002Fmarkdown\u002Fedit\u002F\">在线编辑器\u003C\u002Fa>把例子逐个试一遍，最容易记住哪些能用、哪些要绕开。还没掌握基础语法的话，请先阅读 \u003Ca href=\"\u002Fblog\u002Fp\u002Fmarkdown-basic-syntax-tutorial\u002F\">Markdown 高频语法教学\u003C\u002Fa>。\u003C\u002Fp>\n",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":24},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":26},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6\"\u002F>\u003Cpath d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":28},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 18l6-6l-6-6M8 6l-6 6l6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":30},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\"\u002F>\u003Cpath d=\"m18 13l-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18M2.3 2.3l7.286 7.286\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":32},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 21h8m.174-14.188a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":34},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M16 8.9V7H8l4 5l-4 5h8v-1.9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":36},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15 6a9 9 0 0 0-9 9V3\"\u002F>\u003Ccircle cx=\"18\" cy=\"6\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"18\" r=\"3\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":38,"hidden":39},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\"\u002F>\u003Cpath d=\"M14 2v4a2 2 0 0 0 2 2h4M5 12l-3 3l3 3m4 0l3-3l-3-3\"\u002F>\u003C\u002Fg>",true,{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":41},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z\"\u002F>",1786455169830]