PageSourceSearch

https://jaywhj.github.io/markdown.html

html jaywhj.github.io collected 2026-10-03 09:22:24 UTC 76,358 bytes, 2,056 lines download raw bytes

1<!DOCTYPE html><html lang="zh" class="no-js"><head>
2    
3      <meta charset="utf-8">
4      <meta name="viewport" content="width=device-width,initial-scale=1">
5      
6        <meta name="description" content="mkdocs教程,markdown教程,markdown生成PPT、静态网站、图表、思维导图,markdown编写AI结构化提示词">
7      
8      
9        <meta name="author" content="Aaron Wang">
10      
11      
12        <link rel="canonical" href="https://hongjun.vip/markdown.html">
13      
14      
15        <link rel="prev" href="materialx-for-mkdocs.html">
16      
17      
18        <link rel="next" href="document-dates-zh.html">
19      
20      
21        
22          <link rel="alternate" href="." hreflang="zh">
23        
24          <link rel="alternate" href="." hreflang="en">
25        
26          <link rel="alternate" href="." hreflang="de">
27        
28          <link rel="alternate" href="." hreflang="ru">
29        
30          <link rel="alternate" href="." hreflang="ja">
31        
32          <link rel="alternate" href="." hreflang="nl">
33        
34          <link rel="alternate" href="." hreflang="fr">
35        
36          <link rel="alternate" href="." hreflang="es">
37        
38          <link rel="alternate" href="." hreflang="pt">
39        
40          <link rel="alternate" href="." hreflang="ar">
41        
42          <link rel="alternate" href="." hreflang="ko">
43        
44      
45      
46      
47        
48        
49        
50          <link rel="icon" href="assets/images/favicon.png">
51        
52      
53      <meta name="generator" content="mkdocs-1.6.1, mkdocs-materialx-10.1.3">
54    
55    
56      
57        <title>Markdown 实用教程 - 文档即产品</title>
58      
59    
60    
61      <link rel="stylesheet" href="assets/stylesheets/main.4dadc26f.min.css">
62      
63        
64        <link rel="stylesheet" href="assets/stylesheets/palette.204eaadb.min.css">
65      
66    
67    
68
69    
70
71    
72      
73        
73<script src="https://unpkg.com/iframe-worker/shim"></script>
73
74      
75    
76    
77      
78    
79    
80      <link rel="stylesheet" href="site-plugin/katex/katex.min.css">
81    
82      <link rel="stylesheet" href="assets/document_dates/fonts/material-icons.css">
83    
84      <link rel="stylesheet" href="assets/document_dates/tippy/material.css">
85    
86      <link rel="stylesheet" href="assets/document_dates/tippy/shift-away.css">
87    
88      <link rel="stylesheet" href="assets/document_dates/tippy/tippy.css">
89    
90      <link rel="stylesheet" href="assets/document_dates/tippy/scale.css">
91    
92      <link rel="stylesheet" href="assets/document_dates/tippy/light.css">
93    
94      <link rel="stylesheet" href="assets/document_dates/tippy/backdrop.css">
95    
96      <link rel="stylesheet" href="assets/document_dates/core/core.css">
97    
98      <link rel="stylesheet" href="assets/document_dates/user.config.css">
99    
100    
100<script>__md_scope=new URL(".",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
100
101    
102      
103
104    
105    
106  <link href="assets/stylesheets/glightbox.min.css" rel="stylesheet">
106<script src="assets/javascripts/glightbox.min.js"></script>
106<style id="glightbox-style">
107            html.glightbox-open { overflow: initial; height: 100%; }
108            .gslide-title { margin-top: 0px; user-select: text; }
109            .gslide-desc { color: #666; user-select: text; }
110            .gslide-image img { background: white; }
111        </style></head>
112  
113  
114  
115  
116    
117    
118      
119    
120    
121    
122    
123    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo" data-mx-topbar="glass">
124  
125    
126    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
127    <input class="md-toggle" data-md-toggle="toc" type="checkbox" id="__toc" autocomplete="off">
128    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
129    <label class="md-overlay" for="__drawer"></label>
130    <label class="md-overlay" for="__toc"></label>
131    <div data-md-component="skip">
132      
133        
134        <a href="#Markdown-实用教程" class="md-skip">
135          跳转至
136        </a>
137      
138    </div>
139    <div data-md-component="announce">
140      
141    </div>
142    
143    
144      
145
146<header class="md-header" data-md-component="header">
147  <nav class="md-header__inner md-grid" aria-label="页眉">
148    <a href="index.html" title="文档即产品" class="md-header__button md-logo" aria-label="文档即产品" data-md-component="logo">
149      
150  
151  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.03 2.59a1.5 1.5 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"></path></svg>
152
153    </a>
154    <label class="md-header__button md-icon" for="__drawer">
155      
156      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"></path></svg>
157    </label>
158    <div class="md-header__title" data-md-component="header-title">
159      <div class="md-header__ellipsis">
160        <div class="md-header__topic">
161          <span class="md-ellipsis">
162            文档即产品
163          </span>
164        </div>
165        <div class="md-header__topic" data-md-component="header-topic">
166          <span class="md-ellipsis">
167            
168              Markdown 实用教程
169            
170          </span>
171        </div>
172      </div>
173    </div>
174    
175      
176        <form class="md-header__option" data-md-component="palette">
177  
178    
179    
180    
181    <input class="md-option" data-md-color-media="(prefers-color-scheme)" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo" aria-label="自动模式 - 随系统主题色" type="radio" name="__palette" id="__palette_0">
182    
183      <label class="md-header__button md-icon" title="自动模式 - 随系统主题色" for="__palette_1" hidden="">
184        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m14.3 16-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12zm-9.15 3.96h2.3L12 9z"></path></svg>
185      </label>
186    
187  
188    
189    
190    
191    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="blue" data-md-color-accent="light-blue" aria-label="亮色模式" type="radio" name="__palette" id="__palette_1">
192    
193      <label class="md-header__button md-icon" title="亮色模式" for="__palette_2" hidden="">
194        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 
1940 1.63-.17 2.37-.44z"></path></svg>
195      </label>
196    
197  
198    
199    
200    
201    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="cyan" data-md-color-accent="cyan" aria-label="暗色模式" type="radio" name="__palette" id="__palette_2">
202    
203      <label class="md-header__button md-icon" title="暗色模式" for="__palette_0" hidden="">
204        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"></path></svg>
205      </label>
206    
207  
208</form>
209      
210    
211    
212      
212<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
212
213    
214    
215      <div class="md-header__option">
216  <div class="md-select">
217    
218    <button class="md-header__button md-icon" aria-label="选择当前语言">
219      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12.87 15.07-2.54-2.51.03-.03A17.5 17.5 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7 1.62-4.33L19.12 17z"></path></svg>
220    </button>
221    <div class="md-select__inner">
222      <ul class="md-select__list">
223        
224          <li class="md-select__item">
225            <a href="." hreflang="zh" class="md-select__link">
226              🇨🇳 中文
227            </a>
228          </li>
229        
230          <li class="md-select__item">
231            <a href="." hreflang="en" class="md-select__link">
232              🇺🇸 English
233            </a>
234          </li>
235        
236          <li class="md-select__item">
237            <a href="." hreflang="de" class="md-select__link">
238              🇩🇪 Deutsch
239            </a>
240          </li>
241        
242          <li class="md-select__item">
243            <a href="." hreflang="ru" class="md-select__link">
244              🇷🇺 Русский
245            </a>
246          </li>
247        
248          <li class="md-select__item">
249            <a href="." hreflang="ja" class="md-select__link">
250              🇯🇵 日本語
251            </a>
252          </li>
253        
254          <li class="md-select__item">
255            <a href="." hreflang="nl" class="md-select__link">
256              🇳🇱 Dutch
257            </a>
258          </li>
259        
260          <li class="md-select__item">
261            <a href="." hreflang="fr" class="md-select__link">
262              🇫🇷 Français
263            </a>
264          </li>
265        
266          <li class="md-select__item">
267            <a href="." hreflang="es" class="md-select__link">
268              🇪🇸 Español
269            </a>
270          </li>
271        
272          <li class="md-select__item">
273            <a href="." hreflang="pt" class="md-select__link">
274              🇧🇷 Português
275            </a>
276          </li>
277        
278          <li class="md-select__item">
279            <a href="." hreflang="ar" class="md-select__link">
280              🇸🇦 العربية
281            </a>
282          </li>
283        
284          <li class="md-select__item">
285            <a href="." hreflang="ko" class="md-select__link">
286              🇰🇷 한국어
287            </a>
288          </li>
289        
290      </ul>
291    </div>
292  </div>
293</div>
294    
295    
296      
297      
298        <label class="md-header__button md-icon" for="__search">
299          
300          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.75.75 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2M3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0"></path></svg>
301        </label>
302        <div class="md-search" data-md-component="search" role="dialog">
303  <label class="md-search__overlay" for="__search"></label>
304  <div class="md-search__inner" role="search">
305    <form class="md-search__form" name="search">
306      <input type="text" class="md-search__input" name="query" aria-label="搜索" placeholder="搜索" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required="">
307      <label class="md-search__icon md-icon" for="__search">
308        
309        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.25 2a8.25 8.25 0 0 1 6.34 13.53l5.69 5.69a.749.749 0 0 1-.326 1.275.75.75 0 0 1-.734-.215l-5.69-5.69A8.25 8.25 0 1 1 10.25 2M3.5 10.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0"></path></svg>
310        
311        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"></path></svg>
312      </label>
313      <nav class="md-search__options" aria-label="查找">
314        
315        <button type="reset" class="md-search__icon md-icon" title="清空当前内容" aria-label="清空当前内容" tabindex="-1">
316          
317          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
317<path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
318        </button>
319      </nav>
320      
321    </form>
322    <div class="md-search__output">
323      <div class="md-search__scrollwrap" tabindex="0">
324        <div class="md-search-result" data-md-component="search-result">
325          <div class="md-search-result__meta">
326            正在初始化搜索引擎
327          </div>
328          <ol class="md-search-result__list" role="presentation"></ol>
329        </div>
330      </div>
331    </div>
332  </div>
333</div>
334      
335    
336    
337      <div class="md-header__source">
338        <a href="https://github.com/jaywhj" title="前往仓库" class="md-source" data-md-component="source">
339  <div class="md-source__icon md-icon">
340    
341    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"></path></svg>
342  </div>
343  <div class="md-source__repository">
344    aaron - repo
345  </div>
346</a>
347      </div>
348    
349  </nav>
350  
351</header>
352    
353    <div class="md-container" data-md-component="container">
354      
355      
356        
357          
358            
359<nav class="md-tabs" aria-label="标签" data-md-component="tabs">
360  <div class="md-grid">
361    <ul class="md-tabs__list">
362      
363        
364  
365  
366  
367  
368    <li class="md-tabs__item">
369      <a href="index.html" class="md-tabs__link">
370        
371  
372  
373    
374  
375  首页
376
377      </a>
378    </li>
379  
380
381      
382        
383  
384  
385  
386  
387    <li class="md-tabs__item">
388      <a href="materialx-for-mkdocs.html" class="md-tabs__link">
389        
390  
391  
392    
393  
394  下一代主题插件 MaterialX
395
396      </a>
397    </li>
398  
399
400      
401        
402  
403  
404  
405    
406  
407  
408    
409    
410      <li class="md-tabs__item md-tabs__item--active">
411        <a href="markdown.html" class="md-tabs__link">
412          
413  
414  
415  Markdown 系列
416
417        </a>
418      </li>
419    
420  
421
422      
423        
424  
425  
426  
427  
428    
429    
430      <li class="md-tabs__item">
431        <a href="recently-updated-zh.html" class="md-tabs__link">
432          
433  
434  
435  效率提升
436
437        </a>
438      </li>
439    
440  
441
442      
443        
444  
445  
446  
447  
448    <li class="md-tabs__item">
449      <a href="RECENTLY_UPDATED.html" class="md-tabs__link">
450        
451  
452  
453    
454  
455  最近更新
456
457      </a>
458    </li>
459  
460
461      
462    </ul>
463  </div>
464</nav>
465          
466        
467      
468      <main class="md-main" data-md-component="main">
469        <div class="md-main__inner md-grid">
470          
471            
472              
473              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation">
474                <div class="md-sidebar__scrollwrap">
475                  <div class="md-sidebar__inner">
476                    <!--
477  Copyright (c) 2016-2025 Martin Donath <[email protected]>
478
479  Permission is hereby granted, free of charge, to any person obtaining a copy
480  of this software and associated documentation files (the "Software"), to
481  deal in the Software without restriction, including without limitation the
482  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
483  sell copies of the Software, and to permit persons to whom the Software is
484  furnished to do so, subject to the following conditions:
485
486  The above copyright notice and this permission notice shall be included in
487  all copies or substantial portions of the Software.
488
489  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
490  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
491  FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
492  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
493  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
494  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
495  IN THE SOFTWARE.
496-->
497
498
499
500<!-- Determine classes -->
501
502
503  
504
505
506
507<!-- Navigation -->
508<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="导航栏" data-md-level="0">
509
510  <!-- Site title -->
511  <label class="md-nav__title" for="__drawer">
512    <a href="index.html" title="文档即产品" class="md-nav__button md-logo" aria-label="文档即产品" data-md-component="logo">
513      
514  
515  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
515<path d="M11.03 2.59a1.5 1.5 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"></path></svg>
516
517    </a>
518    文档即产品
519  </label>
520
521  <!-- Repository information -->
522  
523    <div class="md-nav__source">
524      <a href="https://github.com/jaywhj" title="前往仓库" class="md-source" data-md-component="source">
525  <div class="md-source__icon md-icon">
526    
527    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"></path></svg>
528  </div>
529  <div class="md-source__repository">
530    aaron - repo
531  </div>
532</a>
533    </div>
534  
535
536  <!-- Navigation list -->
537  <ul class="md-nav__list" data-md-scrollfix="">
538    
539      
540      
541  
542  
543  
544  
545    <li class="md-nav__item">
546      <a href="index.html" class="md-nav__link">
547        
548  
549  
550  <span class="md-ellipsis">
551    
552  
553    首页
554  
555
556    
557  </span>
558  
559  
560
561      </a>
562    </li>
563  
564
565    
566      
567      
568  
569  
570  
571  
572    <li class="md-nav__item">
573      <a href="materialx-for-mkdocs.html" class="md-nav__link">
574        
575  
576  
577  <span class="md-ellipsis">
578    
579  
580    下一代主题插件 MaterialX
581  
582
583    
584  </span>
585  
586  
587
588      </a>
589    </li>
590  
591
592    
593      
594      
595  
596  
597    
598  
599  
600  
601    
602    
603    
604    
605      
606        
607        
608      
609      
610    
611    
612    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
613      
614        
615        
616        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked="">
617        
618          
619          <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
620            
621  
622  
623  <span class="md-ellipsis">
624    
625  
626    Markdown 系列
627  
628
629    
630  </span>
631  
632  
633
634            <span class="md-nav__icon md-icon"></span>
635          </label>
636        
637        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
638          <label class="md-nav__title" for="__nav_3">
639            <span class="md-nav__icon md-icon"></span>
640            
641  
642    Markdown 系列
643  
644
645          </label>
646          <ul class="md-nav__list">
647            
648              
649                
650  
651  
652    
653  
654  
655  
656    <li class="md-nav__item md-nav__item--active">
657      
658      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
659      
660      
661        
662      
663      
664        <label class="md-nav__link md-nav__link--active" for="__toc">
665          
666  
667  
668    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.27 19.385H1.73A1.73 1.73 0 0 1 0 17.655V6.345a1.73 1.73 0 0 1 1.73-1.73h20.54A1.73 1.73 0 0 1 24 6.345v11.308a1.73 1.73 0 0 1-1.73 1.731zM5.769 15.923v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.46v7.847zM21.232 12h-2.309V8.077h-2.307V12h-2.308l3.461 4.039z"></path></svg>
669  
670  <span class="md-ellipsis">
671    
672  
673    Markdown 实用语法
674  
675
676    
677  </span>
678  
679  
680
681          <span class="md-nav__icon md-icon"></span>
682        </label>
683      
684      <a href="markdown.html" class="md-nav__link md-nav__link--active">
685        
686  
687  
688    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.27 19.385H1.73A1.73 1.73 0 0 1 0 17.655V6.345a1.73 1.73 0 0 1 1.73-1.73h20.54A1.73 1.73 0 0 1 24 6.345v11.308a1.73 1.73 0 0 1-1.73 1.731zM5.769 15.923v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.46v7.847zM21.232 12h-2.309V8.077h-2.307V12h-2.308l3.461 4.039z"></path></svg>
689  
690  <span class="md-ellipsis">
691    
692  
693    Markdown 实用语法
694  
695
696    
697  </span>
698  
699  
700
701      </a>
702      
703        
704
705<nav class="md-nav md-nav--secondary" aria-label="目录">
706  
707  
708  
709    
710  
711  
712    <label class="md-nav__title" for="__toc">
713      <span class="md-nav__icon md-icon"></span>
714      目录
715    </label>
716    <ul class="md-nav__list" data-md-component="toc">
717      
718        <li class="md-nav__item">
719  <a href="#一什么是-Markdown" class="md-nav__link">
720    <span class="md-ellipsis">
721      
722        一、什么是 Markdown
723      
724    </span>
725  </a>
726  
727</li>
728      
729        <li class="md-nav__item">
730  <a href="#二Markdown-编辑器" class="md-nav__link">
731    <span class="md-ellipsis">
732      
733        二、Markdown 编辑器
734      
735    </span>
736  </a>
737  
738    <nav class="md-nav" aria-label="二、Markdown 编辑器">
739      <ul class="md-nav__list">
740        
741          <li class="md-nav__item">
742  <a href="#使用推荐" class="md-nav__link">
743    <span class="md-ellipsis">
744      
745        使用推荐
746      
747    </span>
748  </a>
749  
750</li>
751        
752      </ul>
753    </nav>
754  
755</li>
756      
757        <li class="md-nav__item">
758  <a href="#三Markdown-实用语法" class="md-nav__link">
759    <span class="md-ellipsis">
760      
761        三、Markdown 实用语法
762      
763    </span>
764  </a>
765  
766    <nav class="md-nav" aria-label="三、Markdown 实用语法">
767      <ul class="md-nav__list">
768        
769          <li class="md-nav__item">
770  <a href="#1-标题" class="md-nav__link">
771    <span class="md-ellipsis">
772      
773        1. 标题
774      
775    </span>
776  </a>
777  
778</li>
779        
780          <li class="md-nav__item">
781  <a href="#2-文字样式" class="md-nav__link">
782    <span class="md-ellipsis">
783      
784        2. 文字样式
785      
786    </span>
787  </a>
788  
789</li>
790        
791          <li class="md-nav__item">
792  <a href="#3-列表" class="md-nav__link">
793    <span class="md-ellipsis">
794      
795        3. 列表
796      
797    </span>
798  </a>
799  
800    <nav class="md-nav" aria-label="3. 列表">
801      <ul class="md-nav__list">
802        
803          <li class="md-nav__item">
804  <a href="#无序列表" class="md-nav__link">
805    <span class="md-ellipsis">
806      
807        无序列表
808      
809    </span>
810  </a>
811  
812</li>
813        
814          <li class="md-nav__item">
815  <a href="#有序列表" class="md-nav__link">
816    <span class="md-ellipsis">
817      
818        有序列表
819      
820    </span>
821  </a>
822  
823</li>
824        
825      </ul>
826    </nav>
827  
828</li>
829        
830          <li class="md-nav__item">
831  <a href="#4-链接" class="md-nav__link">
832    <span class="md-ellipsis">
833      
834        4. 链接
835      
836    </span>
837  </a>
838  
839</li>
840        
841          <li class="md-nav__item">
842  <a href="#5-图像" class="md-nav__link">
843    <span class="md-ellipsis">
844      
845        5. 图像
846      
847    </span>
848  </a>
849  
850</li>
851        
852          <li class="md-nav__item">
853  <a href="#6-引用" class="md-nav__link">
854    <span class="md-ellipsis">
855      
856        6. 引用
857      
858    </span>
859  </a>
860  
861</li>
862        
863          <li class="md-nav__item">
864  <a href="#7-代码片" class="md-nav__link">
865    <span class="md-ellipsis">
866      
867        7. 代码片
868      
869    </span>
870  </a>
871  
872</li>
873        
874          <li class="md-nav__item">
875  <a href="#8-代码块" class="md-nav__link">
876    <span class="md-ellipsis">
877      
878        8. 代码块
879      
880    </span>
881  </a>
882  
883</li>
884        
885          <li class="md-nav__item">
886  <a href="#9-分割线" class="md-nav__link">
887    <span class="md-ellipsis">
888      
889        9. 分割线
890      
891    </span>
892  </a>
893  
894</li>
895        
896          <li class="md-nav__item">
897  <a href="#10-表格" class="md-nav__link">
898    <span class="md-ellipsis">
899      
900        10. 表格
901      
902    </span>
903  </a>
904  
905</li>
906        
907          <li class="md-nav__item">
908  <a href="#11-复选框" class="md-nav__link">
909    <span class="md-ellipsis">
910      
911        11. 复选框
912      
913    </span>
914  </a>
915  
916</li>
917        
918          <li class="md-nav__item">
919  <a href="#12-文档目录" class="md-nav__link">
920    <span class="md-ellipsis">
921      
922        12. 文档目录
923      
924    </span>
925  </a>
926  
927</li>
928        
929          <li class="md-nav__item">
930  <a href="#13-脚注" class="md-nav__link">
931    <span class="md-ellipsis">
932      
933        13. 脚注
934      
935    </span>
936  </a>
937  
938</li>
939        
940      </ul>
941    </nav>
942  
943</li>
944      
945        <li class="md-nav__item">
946  <a href="#六数理公式" class="md-nav__link">
947    <span class="md-ellipsis">
948      
949        六、数理公式
950      
951    </span>
952  </a>
953  
954    <nav class="md-nav" aria-label="六、数理公式">
955      <ul class="md-nav__list">
956        
957          <li class="md-nav__item">
958  <a href="#1-数学公式" class="md-nav__link">
959    <span class="md-ellipsis">
960      
961        1. 数学公式
962      
963    </span>
964  </a>
965  
966    <nav class="md-nav" aria-label="1. 数学公式">
967      <ul class="md-nav__list">
968        
969          <li class="md-nav__item">
970  <a href="#内联公式" class="md-nav__link">
971    <span class="md-ellipsis">
972      
973        内联公式
974      
975    </span>
976  </a>
977  
978</li>
979        
980          <li class="md-nav__item">
981  <a href="#块级公式" class="md-nav__link">
982    <span class="md-ellipsis">
983      
984        块级公式
985      
986    </span>
987  </a>
988  
989</li>
990        
991      </ul>
992    </nav>
993  
994</li>
995        
996          <li class="md-nav__item">
997  <a href="#2-化学方程式" class="md-nav__link">
998    <span class="md-ellipsis">
999      
1000        2. 化学方程式
1001      
1002    </span>
1003  </a>
1004  
1005</li>
1006        
1007      </ul>
1008    </nav>
1009  
1010</li>
1011      
1012        <li class="md-nav__item">
1013  <a href="#七图形与图表" class="md-nav__link">
1014    <span class="md-ellipsis">
1015      
1016        七、图形与图表
1017      
1018    </span>
1019  </a>
1020  
1021</li>
1022      
1023        <li class="md-nav__item">
1024  <a href="#八静态网站" class="md-nav__link">
1025    <span class="md-ellipsis">
1026      
1027        八、静态网站
1028      
1029    </span>
1030  </a>
1031  
1032</li>
1033      
1034        <li class="md-nav__item">
1035  <a href="#九幻灯片" class="md-nav__link">
1036    <span class="md-ellipsis">
1037      
1038        九、幻灯片
1039      
1040    </span>
1041  </a>
1042  
1043</li>
1044      
1045    </ul>
1046  
1047</nav>
1048      
1049    </li>
1050  
1051
1052              
1053            
1054              
1055                
1056  
1057  
1058  
1059  
1060    <li class="md-nav__item">
1061      <a href="document-dates-zh.html" class="md-nav__link">
1062        
1063  
1064  
1065    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1065<path d="M16 14h1.5v2.82l2.44 1.41-.75 1.3L16 17.69zm1-2a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5m0-2a7 7 0 0 1 7 7 7 7 0 0 1-7 7c-2.79 0-5.2-1.64-6.33-4H1v-3c0-2.66 5.33-4 8-4 .6 0 1.34.07 2.12.2A6.99 6.99 0 0 1 17 10m-7 7c0-.7.1-1.38.29-2-.42-.07-.86-.1-1.29-.1-2.97 0-6.1 1.46-6.1 2.1v1.1h7.19A7 7 0 0 1 10 17M9 4a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4m0 1.9A2.1 2.1 0 0 0 6.9 8 2.1 2.1 0 0 0 9 10.1 2.1 2.1 0 0 0 11.1 8 2.1 2.1 0 0 0 9 5.9"></path></svg>
1066  
1067  <span class="md-ellipsis">
1068    
1069  
1070    日期作者头像插件
1071  
1072
1073    
1074  </span>
1075  
1076  
1077
1078      </a>
1079    </li>
1080  
1081
1082              
1083            
1084          </ul>
1085        </nav>
1086      
1087    </li>
1088  
1089
1090    
1091      
1092      
1093  
1094  
1095  
1096  
1097    
1098    
1099    
1100    
1101      
1102      
1103    
1104    
1105    <li class="md-nav__item md-nav__item--nested">
1106      
1107        
1108        
1109        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4">
1110        
1111          
1112          <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
1113            
1114  
1115  
1116  <span class="md-ellipsis">
1117    
1118  
1119    效率提升
1120  
1121
1122    
1123  </span>
1124  
1125  
1126
1127            <span class="md-nav__icon md-icon"></span>
1128          </label>
1129        
1130        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
1131          <label class="md-nav__title" for="__nav_4">
1132            <span class="md-nav__icon md-icon"></span>
1133            
1134  
1135    效率提升
1136  
1137
1138          </label>
1139          <ul class="md-nav__list">
1140            
1141              
1142                
1143  
1144  
1145  
1146  
1147    <li class="md-nav__item">
1148      <a href="recently-updated-zh.html" class="md-nav__link">
1149        
1150  
1151  
1152    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.629 6.857c0-.379.304-.686.686-.686.378 0 .685.312.685.686v10.286a.684.684 0 0 1-.686.686.69.69 0 0 1-.686-.686V6.857zM2.057 10.286a2.057 2.057 0 1 1 0 4.114 2.057 2.057 0 0 1 0-4.114m7.543 0a2.057 2.057 0 1 1 0 4.114 2.057 2.057 0 0 1 0-4.114m7.543 0a2.057 2.057 0 1 1 0 4.114 2.057 2.057 0 0 1 0-4.114"></path></svg>
1153  
1154  <span class="md-ellipsis">
1155    
1156  
1157    最近更新列表插件
1158  
1159
1160    
1161  </span>
1162  
1163  
1164
1165      </a>
1166    </li>
1167  
1168
1169              
1170            
1171              
1172                
1173  
1174  
1175  
1176  
1177    <li class="md-nav__item">
1178      <a href="hainan.html" class="md-nav__link">
1179        
1180  
1181  
1182    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M497.5 341.1c-5.9 16.7-25.3 23-41.1 15.1l-178.2-89.1-1.6 3.2L187.8 448H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h84.2l103.2-206.3 1.6-3.2-165.4-82.7c-15.8-7.9-22.4-27.3-12.5-42C89 45.2 167.2 0 256 0c141.4 0 256 114.6 256 256 0 29.8-5.1 58.5-14.5 85.1"></path></svg>
1183  
1184  <span class="md-ellipsis">
1185    
1186  
1187    海南
1188  
1189
1190    
1191  </span>
1192  
1193  
1194
1195      </a>
1196    </li>
1197  
1198
1199              
1200            
1201          </ul>
1202        </nav>
1203      
1204    </li>
1205  
1206
1207    
1208      
1209      
1210  
1211  
1212  
1213  
1214    <li class="md-nav__item">
1215      <a href="RECENTLY_UPDATED.html" class="md-nav__link">
1216        
1217  
1218  
1219  <span class="md-ellipsis">
1220    
1221  
1222    最近更新
1223  
1224
1225    
1226  </span>
1227  
1228  
1229
1230      </a>
1231    </li>
1232  
1233
1234    
1235
1236
1237    <!-- Recently Updated Docs -->
1238    <div style="padding: 20px 0;">
1239      <span class="md-nav__link" style="font-weight: 700; cursor: default;">最近更新</span>
1240      <div>
1241        <div class="md-nav__item">
1242            <a href="/document-dates-zh.html" class="md-nav__link">日期作者头像插件</a>
1243        </div>
1244        <div class="md-nav__item">
1245            <a href="/materialx-for-mkdocs.html" class="md-nav__link">下一代主题插件 MaterialX</a>
1246        </div>
1247        <div class="md-nav__item">
1248            <a href="/recently-updated-zh.html" class="md-nav__link">最近更新列表插件</a>
1249        </div>
1250        <div class="md-nav__item">
1251            <a href="/markdown.html" class="md-nav__link">Markdown 实用语法</a>
1252        </div>
1253        <div class="md-nav__item">
1254            <a href="/RECENTLY_UPDATED.html" class="md-nav__link">最近更新</a>
1255        </div>
1256        <div class="md-nav__item">
1257            <a href="/hainan.html" class="md-nav__link">海南</a>
1258        </div>
1259      </div>
1260    </div>
1261
1262  </ul>
1263</nav>
1264                  </div>
1265                </div>
1266              </div>
1267            
1268            
1269              
1270              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc">
1271                <div class="md-sidebar__scrollwrap">
1272                  <div class="md-sidebar__inner">
1273                    
1274
1275<nav class="md-nav md-nav--secondary" aria-label="目录">
1276  
1277  
1278  
1279    
1280  
1281  
1282    <label class="md-nav__title" for="__toc">
1283      <span class="md-nav__icon md-icon"></span>
1284      目录
1285    </label>
1286    <ul class="md-nav__list" data-md-component="toc">
1287      
1288        <li class="md-nav__item">
1289  <a href="#一什么是-Markdown" class="md-nav__link">
1290    <span class="md-ellipsis">
1291      
1292        一、什么是 Markdown
1293      
1294    </span>
1295  </a>
1296  
1297</li>
1298      
1299        <li class="md-nav__item">
1300  <a href="#二Markdown-编辑器" class="md-nav__link">
1301    <span class="md-ellipsis">
1302      
1303        二、Markdown 编辑器
1304      
1305    </span>
1306  </a>
1307  
1308    <nav class="md-nav" aria-label="二、Markdown 编辑器">
1309      <ul class="md-nav__list">
1310        
1311          <li class="md-nav__item">
1312  <a href="#使用推荐" class="md-nav__link">
1313    <span class="md-ellipsis">
1314      
1315        使用推荐
1316      
1317    </span>
1318  </a>
1319  
1320</li>
1321        
1322      </ul>
1323    </nav>
1324  
1325</li>
1326      
1327        <li class="md-nav__item">
1328  <a href="#三Markdown-实用语法" class="md-nav__link">
1329    <span class="md-ellipsis">
1330      
1331        三、Markdown 实用语法
1332      
1333    </span>
1334  </a>
1335  
1336    <nav class="md-nav" aria-label="三、Markdown 实用语法">
1337      <ul class="md-nav__list">
1338        
1339          <li class="md-nav__item">
1340  <a href="#1-标题" class="md-nav__link">
1341    <span class="md-ellipsis">
1342      
1343        1. 标题
1344      
1345    </span>
1346  </a>
1347  
1348</li>
1349        
1350          <li class="md-nav__item">
1351  <a href="#2-文字样式" class="md-nav__link">
1352    <span class="md-ellipsis">
1353      
1354        2. 文字样式
1355      
1356    </span>
1357  </a>
1358  
1359</li>
1360        
1361          <li class="md-nav__item">
1362  <a href="#3-列表" class="md-nav__link">
1363    <span class="md-ellipsis">
1364      
1365        3. 列表
1366      
1367    </span>
1368  </a>
1369  
1370    <nav class="md-nav" aria-label="3. 列表">
1371      <ul class="md-nav__list">
1372        
1373          <li class="md-nav__item">
1374  <a href="#无序列表" class="md-nav__link">
1375    <span class="md-ellipsis">
1376      
1377        无序列表
1378      
1379    </span>
1380  </a>
1381  
1382</li>
1383        
1384          <li class="md-nav__item">
1385  <a href="#有序列表" class="md-nav__link">
1386    <span class="md-ellipsis">
1387      
1388        有序列表
1389      
1390    </span>
1391  </a>
1392  
1393</li>
1394        
1395      </ul>
1396    </nav>
1397  
1398</li>
1399        
1400          <li class="md-nav__item">
1401  <a href="#4-链接" class="md-nav__link">
1402    <span class="md-ellipsis">
1403      
1404        4. 链接
1405      
1406    </span>
1407  </a>
1408  
1409</li>
1410        
1411          <li class="md-nav__item">
1412  <a href="#5-图像" class="md-nav__link">
1413    <span class="md-ellipsis">
1414      
1415        5. 图像
1416      
1417    </span>
1418  </a>
1419  
1420</li>
1421        
1422          <li class="md-nav__item">
1423  <a href="#6-引用" class="md-nav__link">
1424    <span class="md-ellipsis">
1425      
1426        6. 引用
1427      
1428    </span>
1429  </a>
1430  
1431</li>
1432        
1433          <li class="md-nav__item">
1434  <a href="#7-代码片" class="md-nav__link">
1435    <span class="md-ellipsis">
1436      
1437        7. 代码片
1438      
1439    </span>
1440  </a>
1441  
1442</li>
1443        
1444          <li class="md-nav__item">
1445  <a href="#8-代码块" class="md-nav__link">
1446    <span class="md-ellipsis">
1447      
1448        8. 代码块
1449      
1450    </span>
1451  </a>
1452  
1453</li>
1454        
1455          <li class="md-nav__item">
1456  <a href="#9-分割线" class="md-nav__link">
1457    <span class="md-ellipsis">
1458      
1459        9. 分割线
1460      
1461    </span>
1462  </a>
1463  
1464</li>
1465        
1466          <li class="md-nav__item">
1467  <a href="#10-表格" class="md-nav__link">
1468    <span class="md-ellipsis">
1469      
1470        10. 表格
1471      
1472    </span>
1473  </a>
1474  
1475</li>
1476        
1477          <li class="md-nav__item">
1478  <a href="#11-复选框" class="md-nav__link">
1479    <span class="md-ellipsis">
1480      
1481        11. 复选框
1482      
1483    </span>
1484  </a>
1485  
1486</li>
1487        
1488          <li class="md-nav__item">
1489  <a href="#12-文档目录" class="md-nav__link">
1490    <span class="md-ellipsis">
1491      
1492        12. 文档目录
1493      
1494    </span>
1495  </a>
1496  
1497</li>
1498        
1499          <li class="md-nav__item">
1500  <a href="#13-脚注" class="md-nav__link">
1501    <span class="md-ellipsis">
1502      
1503        13. 脚注
1504      
1505    </span>
1506  </a>
1507  
1508</li>
1509        
1510      </ul>
1511    </nav>
1512  
1513</li>
1514      
1515        <li class="md-nav__item">
1516  <a href="#六数理公式" class="md-nav__link">
1517    <span class="md-ellipsis">
1518      
1519        六、数理公式
1520      
1521    </span>
1522  </a>
1523  
1524    <nav class="md-nav" aria-label="六、数理公式">
1525      <ul class="md-nav__list">
1526        
1527          <li class="md-nav__item">
1528  <a href="#1-数学公式" class="md-nav__link">
1529    <span class="md-ellipsis">
1530      
1531        1. 数学公式
1532      
1533    </span>
1534  </a>
1535  
1536    <nav class="md-nav" aria-label="1. 数学公式">
1537      <ul class="md-nav__list">
1538        
1539          <li class="md-nav__item">
1540  <a href="#内联公式" class="md-nav__link">
1541    <span class="md-ellipsis">
1542      
1543        内联公式
1544      
1545    </span>
1546  </a>
1547  
1548</li>
1549        
1550          <li class="md-nav__item">
1551  <a href="#块级公式" class="md-nav__link">
1552    <span class="md-ellipsis">
1553      
1554        块级公式
1555      
1556    </span>
1557  </a>
1558  
1559</li>
1560        
1561      </ul>
1562    </nav>
1563  
1564</li>
1565        
1566          <li class="md-nav__item">
1567  <a href="#2-化学方程式" class="md-nav__link">
1568    <span class="md-ellipsis">
1569      
1570        2. 化学方程式
1571      
1572    </span>
1573  </a>
1574  
1575</li>
1576        
1577      </ul>
1578    </nav>
1579  
1580</li>
1581      
1582        <li class="md-nav__item">
1583  <a href="#七图形与图表" class="md-nav__link">
1584    <span class="md-ellipsis">
1585      
1586        七、图形与图表
1587      
1588    </span>
1589  </a>
1590  
1591</li>
1592      
1593        <li class="md-nav__item">
1594  <a href="#八静态网站" class="md-nav__link">
1595    <span class="md-ellipsis">
1596      
1597        八、静态网站
1598      
1599    </span>
1600  </a>
1601  
1602</li>
1603      
1604        <li class="md-nav__item">
1605  <a href="#九幻灯片" class="md-nav__link">
1606    <span class="md-ellipsis">
1607      
1608        九、幻灯片
1609      
1610    </span>
1611  </a>
1612  
1613</li>
1614      
1615    </ul>
1616  
1617</nav>
1618                  </div>
1619                </div>
1620              </div>
1621            
1622          
1623          
1624            <div class="md-content" data-md-component="content">
1625              
1626              <article class="md-content__inner md-typeset">
1627                
1628                  
1629  
1630  
1631
1632
1633<h1 id="Markdown-实用教程">Markdown 实用教程<a class="headerlink" href="#Markdown-实用教程" title="Permanent link">¶</a></h1>
1634<div class="document-dates-plugin-wrapper document-dates-top"><div class="document-dates-plugin" locale=""><div class="dd-left"><span class="dd-item" data-tippy-content="" data-tippy-raw="2018-05-16"><span class="material-icons" data-icon="doc_created"></span><time datetime="2018-05-16T00:00:00"></time></span><span class="dd-item" data-tippy-content="" data-tippy-raw="2025-12-09"><span class="material-icons" data-icon="doc_updated"></span><time datetime="2025-12-09T12:25:04+00:00"></time></span></div><div class="dd-right"><span class="material-icons" data-icon="doc_authors"></span><div class="author-group"><div class="avatar-wrapper" data-name="Aaron" data-tippy-content="" data-tippy-raw="&lt;a href=&quot;mailto:[email protected]&quot;&gt;Aaron&lt;/a&gt;"><span class="avatar-text"></span><a class="glightbox" data-type="image" data-width="auto" data-height="auto" href="" data-desc-position="bottom"><img class="avatar" data-src="" data-email="[email protected]"></a></div><div class="avatar-wrapper" data-name="Arron" data-tippy-content="" data-tippy-raw="&lt;a href=&quot;mailto:[email protected]&quot;&gt;Arron&lt;/a&gt;"><span class="avatar-text"></span><a class="glightbox" data-type="image" data-width="auto" data-height="auto" href="" data-desc-position="bottom"><img class="avatar" data-src="" data-email="[email protected]"></a></div></div></div></div></div>
1635
1636<h2 id="一什么是-Markdown">一、什么是 Markdown<a class="headerlink" href="#一什么是-Markdown" title="Permanent link">¶</a></h2>
1637<p>Markdown 是一种轻量级的纯文本标记语言,用简单少量的符号对文字进行标注,从而实现以最小的输入代价生成印刷级排版格式的文档。它在<strong>流畅的书写</strong>和<strong>印刷级阅读体验</strong>之间找到了平衡,让人只需<strong>
1637专注内容而不是纠结排版</strong>。</p>
1638<p>常用的标记符号 <strong>不超过十个</strong>,好记好用好效果。(非程序员用户如产品、运营 ... 也可以轻松搞定)</p>
1639<h2 id="二Markdown-编辑器">二、Markdown 编辑器<a class="headerlink" href="#二Markdown-编辑器" title="Permanent link">¶</a></h2>
1640<ul>
1641<li><a href="https://www.typora.io/">Typora</a>(Mac、Win、Linux),简约不简单,所见即所得;✓</li>
1642<li><a href="https://zh.mweb.im/">MWeb</a>(Mac、iOS),一款专注于 Markdown 的写作、记笔记和发布软件;</li>
1643<li><a href="https://obsidian.md/download">Obsidian</a>(Mac、Win、Linux、iOS、Android),一款支持 Zettelkasten 笔记法的笔记管理软件,利用「双向链接」打造「知识循环」体系,支持基础的 markdown 语法;</li>
1644<li><a href="https://yank-note.com/zh-CN">YankNote</a>(Mac、Win、Linux),一款强大可扩展的 Markdown 编辑器,满足了所有幻想,还可以<a href="https://demo.yank-note.com/">在线体验</a>;✓</li>
1645<li><a href="https://github.com/maqi1520/mdx-notes">mdx-notes</a>(Mac、Win、Linux、Web),跨平台笔记软件,Web版 <a href="https://mdxnotes.com/post?id=demo">在线编辑器</a>可作为网文排版工具;</li>
1646<li><a href="https://github.com/nicejade/markdown-online-editor">markdown-online-editor</a>,<a href="https://markdown.lovejade.cn/">Arya - 在线 Markdown 编辑器</a>,支持所有基础语法、数学公式、Mermaid 图表、Echarts 图表、五线谱,以及 PPT 模式、视频音频解析等;✓</li>
1647<li><a href="https://github.com/doocs/md">md</a>,<a href="https://doocs.github.io/md/">在线微信 Markdown 编辑器</a>,支持所有基础语法、数学公式、Mermaid 图表、GFM 警告块;</li>
1648</ul>
1649<h3 id="使用推荐">使用推荐<a class="headerlink" href="#使用推荐" title="Permanent link">¶</a></h3>
1650<ul>
1651<li>当日常工具用:推荐 Typora、Arya - 在线 Markdown 编辑器;</li>
1652<li>用作网文排版:推荐 Arya - 在线 Markdown 编辑器,md 在线微信 Markdown 编辑器;</li>
1653<li>写知识笔记形成库:推荐 YankNote;<ul>
1654<li>Obsidian 的问题是对 HTML 的支持太弱了,比如 HTML 锚点链接识别不出来,另外导出功能也很弱,就支持一个PDF格式且还不带目录大纲;</li>
1655</ul>
1656</li>
1657</ul>
1658<p>使用和体验过不下二十款 Markdown 编辑器,从 <strong>简洁易用、基础功能完善、语法兼容、扩展性、跨平台</strong> 角度看,给大家以上建议,我自己的习惯是 <strong>Typora</strong> 和 <strong>YankNote</strong> 的组合,至少到 2024年是这样。</p>
1659<h2 id="三Markdown-实用语法">三、Markdown 实用语法<a class="headerlink" href="#三Markdown-实用语法" title="Permanent link">¶</a></h2>
1660<p>本教程基于流行的 <a href="http://spec.commonmark.org/">CommonMark 规范</a> 和 <a href="https://github.github.com/gfm/">GitHub Flavored Markdown</a> (GFM) 语法提炼与拓展。</p>
1661<h3 id="1-标题">1. 标题<a class="headerlink" href="#1-标题" title="Permanent link">¶</a></h3>
1662<p>两种写法:</p>
1663<ol>
1664<li>用 1-6 个 <code>#</code> 加空格,分别表示 1-6 级标题;</li>
1665<li><code>=</code> 或 <code>-</code> 号,只能表示一二级标题,不常用;</li>
1666</ol>
1667<div class="language-markdown highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1"></a><a href="#__codelineno-0-1"><span class="linenos" data-linenos=" 1 "></span></a><span class="gh"># 一级标题</span>
1668</span><span id="__span-0-2"><a id="__codelineno-0-2" name="__codelineno-0-2"></a><a href="#__codelineno-0-2"><span class="linenos" data-linenos=" 2 "></span></a><span class="gu">## 二级标题</span>
1669</span><span id="__span-0-3"><a id="__codelineno-0-3" name="__codelineno-0-3"></a><a href="#__codelineno-0-3"><span class="linenos" data-linenos=" 3 "></span></a><span class="gu">#### 四级标题</span>
1670</span><span id="__span-0-4"><a id="__codelineno-0-4" name="__codelineno-0-4"></a><a href="#__codelineno-0-4"><span class="linenos" data-linenos=" 4 "></span></a>
1671</span><span id="__span-0-5"><a id="__codelineno-0-5" name="__codelineno-0-5"></a><a href="#__codelineno-0-5"><span class="linenos" data-linenos=" 5 "></span></a>
1672</span><span id="__span-0-6"><a id="__codelineno-0-6" name="__codelineno-0-6"></a><a href="#__codelineno-0-6"><span class="linenos" data-linenos=" 6 "></span></a><span class="gh">这是一个一级标题</span>
1673</span><span id="__span-0-7"><a id="__codelineno-0-7" name="__codelineno-0-7"></a><a href="#__codelineno-0-7"><span class="linenos" data-linenos=" 7 "></span></a><span class="gh">=====</span>
1674</span><span id="__span-0-8"><a id="__codelineno-0-8" name="__codelineno-0-8"></a><a href="#__codelineno-0-8"><span class="linenos" data-linenos=" 8 "></span></a>
1675</span><span id="__span-0-9"><a id="__codelineno-0-9" name="__codelineno-0-9"></a><a href="#__codelineno-0-9"><span class="linenos" data-linenos=" 9 "></span></a><span class="gu">这是一个二级标题</span>
1676</span><span id="__span-0-10"><a id="__codelineno-0-10" name="__codelineno-0-10"></a><a href="#__codelineno-0-10"><span class="linenos" data-linenos="10 "></span></a><span class="gu">-----</span>
1677</span></code></pre></div>
1678<h3 id="2-文字样式">2. 文字样式<a class="headerlink" href="#2-文字样式" title="Permanent link">¶</a></h3>
1679<p>Markdown 语法:</p>
1680<div class="language-text highlight"><pre><span></span><code><span id="__span-1-1"><a id="__codelineno-1-1" name="__codelineno-1-1"></a><a href="#__codelineno-1-1"><span class="linenos" data-linenos="1 "></span></a>*斜体*    _斜体_
1681</span><span id="__span-1-2"><a id="__codelineno-1-2" name="__codelineno-1-2"></a><a href="#__codelineno-1-2"><span class="linenos" data-linenos="2 "></span></a>**粗体**    __粗体__
1682</span><span id="__span-1-3"><a id="__codelineno-1-3" name="__codelineno-1-3"></a><a href="#__codelineno-1-3"><span class="linenos" data-linenos="3 "></span></a>***加粗斜体***    ___加粗斜体___
1683</span><span id="__span-1-4"><a id="__codelineno-1-4" name="__codelineno-1-4"></a><a href="#__codelineno-1-4"><span class="linenos" data-linenos="4 "></span></a>~~删除线~~
1684</span><span id="__span-1-5"><a id="__codelineno-1-5" name="__codelineno-1-5"></a><a href="#__codelineno-1-5"><span class="linenos" data-linenos="5 "></span></a>&lt;u&gt;下划线&lt;/u&gt;
1685</span><span id="__span-1-6"><a id="__codelineno-1-6" name="__codelineno-1-6"></a><a href="#__codelineno-1-6"><span class="linenos" data-linenos="6 "></span></a>&lt;mark&gt;背景高亮&lt;/mark&gt;
1686</span></code></pre></div>
1687<p><em>斜体</em>    <em>斜体</em><br>
1688<strong>粗体</strong>    <strong>粗体</strong><br>
1689<strong><em>加粗斜体</em></strong>    <strong><em>加粗斜体</em></strong><br>
1690<del>删除线</del><br>
1691<u>下划线</u><br>
1692<mark>背景高亮</mark></p>
1693<h3 id="3-列表">3. 列表<a class="headerlink" href="#3-列表" title="Permanent link">¶</a></h3>
1694<h4 id="无序列表">无序列表<a class="headerlink" href="#无序列表" title="Permanent link">¶</a></h4>
1695<p>使用 <code>-</code> 或 <code>+</code> 或 <code>*</code> 加空格 表示无序列表:</p>
1696<div class="language-markdown highlight"><pre><span></span><code><span id="__span-2-1"><a id="__codelineno-2-1" name="__codelineno-2-1"></a><a href="#__codelineno-2-1"><span class="linenos" data-linenos="1 "></span></a><span class="k">-</span><span class="w"> </span>无序列表项 一
1697</span><span id="__span-2-2"><a id="__codelineno-2-2" name="__codelineno-2-2"></a><a href="#__codelineno-2-2"><span class="linenos" data-linenos="2 "></span></a><span class="k">-</span><span class="w"> </span>无序列表项 二
1698</span><span id="__span-2-3"><a id="__codelineno-2-3" name="__codelineno-2-3"></a><a href="#__codelineno-2-3"><span class="linenos" data-linenos="3 "></span></a><span class="w">    </span><span class="k">-</span><span class="w"> </span>无序列表
1699</span><span id="__span-2-4"><a id="__codelineno-2-4" name="__codelineno-2-4"></a><a href="#__codelineno-2-4"><span class="linenos" data-linenos="4 "></span></a><span class="k">-</span><span class="w"> </span>无序列表项 三
1700</span></code></pre></div>
1701<p><em>示例效果:</em></p>
1702<ul>
1703<li>无序列表项 一</li>
1704<li>无序列表项 二<ul>
1705<li>无序列表</li>
1706</ul>
1707</li>
1708<li>无序列表项 三</li>
1709</ul>
1710<h4 id="有序列表">有序列表<a class="headerlink" href="#有序列表" title="Permanent link">¶</a></h4>
1711<p>使用 <code>数字+点</code> 加空格 表示有序列表:</p>
1712<div class="language-markdown highlight"><pre><span></span><code><span id="__span-3-1"><a id="__codelineno-3-1" name="__codelineno-3-1"></a><a href="#__codelineno-3-1"><span class="linenos" data-linenos="1 "></span></a><span class="k">1.</span> 有序列表项 一
1713</span><span id="__span-3-2"><a id="__codelineno-3-2" name="__codelineno-3-2"></a><a href="#__codelineno-3-2"><span class="linenos" data-linenos="2 "></span></a><span class="k">2.</span> 有序列表项 二
1714</span><span id="__span-3-3"><a id="__codelineno-3-3" name="__codelineno-3-3"></a><a href="#__codelineno-3-3"><span class="linenos" data-linenos="3 "></span></a><span class="w">    </span><span class="k">1.</span> 有序列表
1715</span><span id="__span-3-4"><a id="__codelineno-3-4" name="__codelineno-3-4"></a><a href="#__codelineno-3-4"><span class="linenos" data-linenos="4 "></span></a><span class="k">3.</span> 有序列表项 三
1716</span></code></pre></div>
1717<p><em>示例效果:</em></p>
1718<ol>
1719<li>有序列表项 一</li>
1720<li>有序列表项 二<ol>
1721<li>有序列表</li>
1722</ol>
1723</li>
1724<li>有序列表项 三</li>
1725</ol>
1726<h3 id="4-链接">4. 链接<a class="headerlink" href="#4-链接" title="Permanent link">¶</a></h3>
1727<p>使用 <code>[描述](链接地址)</code> ,为文字增加链接:</p>
1728<div class="language-markdown highlight"><pre><span></span><code><span id="__span-4-1"><a id="__codelineno-4-1" name="__codelineno-4-1"></a><a href="#__codelineno-4-1"><span class="linenos" data-linenos="1 "></span></a>这是去往 [<span class="nt">
1728Apple</span>](<span class="na">https://www.apple.com.cn</span>) 的链接。
1729</span></code></pre></div>
1730<p><em>示例效果:</em></p>
1731<p>这是去往 <a href="https://www.apple.com.cn">Apple</a> 的链接。</p>
1732<h3 id="5-图像">5. 图像<a class="headerlink" href="#5-图像" title="Permanent link">¶</a></h3>
1733<p>使用 <code>![描述](图片链接地址)</code> 插入图像,图片链接地址 可以是本地图片路径,也可以是网络图片url:</p>
1734<div class="language-markdown highlight"><pre><span></span><code><span id="__span-5-1"><a id="__codelineno-5-1" name="__codelineno-5-1"></a><a href="#__codelineno-5-1"><span class="linenos" data-linenos="1 "></span></a>![<span class="nt">网络图片</span>](<span class="na">https://lf3-static.bytednsdoc.com/obj/eden-cn/ulkphgeh7nuvspognuhbo/douyin_web/img/images/logo-horizontal.svg</span>)
1735</span><span id="__span-5-2"><a id="__codelineno-5-2" name="__codelineno-5-2"></a><a href="#__codelineno-5-2"><span class="linenos" data-linenos="2 "></span></a>![<span class="nt">本地图片</span>](<span class="na">file:///Users/aaron/Pictures/cat.jpg</span>)
1736</span><span id="__span-5-3"><a id="__codelineno-5-3" name="__codelineno-5-3"></a><a href="#__codelineno-5-3"><span class="linenos" data-linenos="3 "></span></a>![<span class="nt">本地图片</span>](<span class="na">/Users/aaron/Pictures/cat.jpg</span>)
1737</span></code></pre></div>
1738<p><em>示例效果:</em></p>
1739<p><a class="glightbox" data-type="image" data-width="auto" data-height="auto" href="https://lf3-static.bytednsdoc.com/obj/eden-cn/ulkphgeh7nuvspognuhbo/douyin_web/img/images/logo-horizontal.svg" data-desc-position="bottom"><img alt="网络图片" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ulkphgeh7nuvspognuhbo/douyin_web/img/images/logo-horizontal.svg"></a></p>
1740<h3 id="6-引用">6. 引用<a class="headerlink" href="#6-引用" title="Permanent link">¶</a></h3>
1741<p>使用 <code>&gt;</code> 加空格 表示引用,也可以多个组合:</p>
1742<div class="language-markdown highlight"><pre><span></span><code><span id="__span-6-1"><a id="__codelineno-6-1" name="__codelineno-6-1"></a><a href="#__codelineno-6-1"><span class="linenos" data-linenos="1 "></span></a><span class="k">&gt; </span><span class="ge">野火烧不尽,春风吹又生。</span>
1743</span><span id="__span-6-2"><a id="__codelineno-6-2" name="__codelineno-6-2"></a><a href="#__codelineno-6-2"><span class="linenos" data-linenos="2 "></span></a><span class="k">&gt; </span><span class="ge">&gt; 春风吹又生</span>
1744</span></code></pre></div>
1745<p><em>示例效果:</em></p>
1746<blockquote>
1747<p>野火烧不尽,春风吹又生。</p>
1748<blockquote>
1749<p>春风吹又生</p>
1750</blockquote>
1751</blockquote>
1752<h3 id="7-代码片">7. 代码片<a class="headerlink" href="#7-代码片" title="Permanent link">¶</a></h3>
1753<p>使用一个反引号 ` 前后包围的方式表示代码片段:</p>
1754<div class="language-markdown highlight"><pre><span></span><code><span id="__span-7-1"><a id="__codelineno-7-1" name="__codelineno-7-1"></a><a href="#__codelineno-7-1"><span class="linenos" data-linenos="1 "></span></a>让我们聊聊 <span class="sb">`html`</span>。
1755</span></code></pre></div>
1756<p><em>示例效果:</em></p>
1757<p>让我们聊聊 <code>html</code>。</p>
1758<h3 id="8-代码块">8. 代码块<a class="headerlink" href="#8-代码块" title="Permanent link">¶</a></h3>
1759<p>使用三个反引号 ``` 上下包围的方式表示代码块。后面跟编程语言可以支持语法高亮显示,支持所有主流编程语言。</p>
1760<p>JavaScript 示例:</p>
1761<div class="language-text highlight"><pre><span></span><code><span id="__span-8-1"><a id="__codelineno-8-1" name="__codelineno-8-1"></a><a href="#__codelineno-8-1"><span class="linenos" data-linenos="1 "></span></a>```javascript
1762</span><span id="__span-8-2"><a id="__codelineno-8-2" name="__codelineno-8-2"></a><a href="#__codelineno-8-2"><span class="linenos" data-linenos="2 "></span></a>function myFunction(a, b) {
1763</span><span id="__span-8-3"><a id="__codelineno-8-3" name="__codelineno-8-3"></a><a href="#__codelineno-8-3"><span class="linenos" data-linenos="3 "></span></a>    return a * b;
1764</span><span id="__span-8-4"><a id="__codelineno-8-4" name="__codelineno-8-4"></a><a href="#__codelineno-8-4"><span class="linenos" data-linenos="4 "></span></a>}
1765</span><span id="__span-8-5"><a id="__codelineno-8-5" name="__codelineno-8-5"></a><a href="#__codelineno-8-5"><span class="linenos" data-linenos="5 "></span></a>myFunction(10, 2); 
1766</span><span id="__span-8-6"><a id="__codelineno-8-6" name="__codelineno-8-6"></a><a href="#__codelineno-8-6"><span class="linenos" data-linenos="6 "></span></a>```
1767</span></code></pre></div>
1768<p><em>示例效果:</em></p>
1769<div class="language-javascript highlight"><pre><span></span><code><span id="__span-9-1"><a id="__codelineno-9-1" name="__codelineno-9-1"></a><a href="#__codelineno-9-1"><span class="linenos" data-linenos="1 "></span></a><span class="kd">function</span><span class="w"> </span><span class="nx">myFunction</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="w"> </span><span class="nx">b</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
1770</span><span id="__span-9-2"><a id="__codelineno-9-2" name="__codelineno-9-2"></a><a href="#__codelineno-9-2"><span class="linenos" data-linenos="2 "></span></a><span class="w">    </span><span class="k">return</span><span class="w"> </span><span class="nx">a</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="nx">b</span><span class="p">;</span>
1771</span><span id="__span-9-3"><a id="__codelineno-9-3" name="__codelineno-9-3"></a><a href="#__codelineno-9-3"><span class="linenos" data-linenos="3 "></span></a><span class="p">}</span>
1772</span><span id="__span-9-4"><a id="__codelineno-9-4" name="__codelineno-9-4"></a><a href="#__codelineno-9-4"><span class="linenos" data-linenos="4 "></span></a><span class="nx">myFunction</span><span class="p">(</span><span class="mf">10</span><span class="p">,</span><span class="w"> </span><span class="mf">2</span><span class="p">);</span><span class="w"> </span>
1773</span></code></pre></div>
1774<h3 id="9-分割线">9. 分割线<a class="headerlink" href="#9-分割线" title="Permanent link">¶</a></h3>
1775<p>可以在一行中用 <strong>3</strong> 个以上的 <code>-</code> 或 <code>*</code> 或 <code>_</code> 来建立一个分隔线:</p>
1776<p>Markdown 语法:</p>
1777<div class="language-markdown highlight"><pre><span></span><code><span id="__span-10-1"><a id="__codelineno-10-1" name="__codelineno-10-1"></a><a href="#__codelineno-10-1"><span class="linenos" data-linenos="1 "></span></a>---
1778</span><span id="__span-10-2"><a id="__codelineno-10-2" name="__codelineno-10-2"></a><a href="#__codelineno-10-2"><span class="linenos" data-linenos="2 "></span></a><span class="k">-</span><span class="w"> </span>- -
1779</span><span id="__span-10-3"><a id="__codelineno-10-3" name="__codelineno-10-3"></a><a href="#__codelineno-10-3"><span class="linenos" data-linenos="3 "></span></a>***
1780</span></code></pre></div>
1781<p><em>示例效果:</em></p>
1782<hr>
1783<hr>
1784<hr>
1785<h3 id="10-表格">10. 表格<a class="headerlink" href="#10-表格" title="Permanent link">¶</a></h3>
1786<p>Markdown 语法:</p>
1787<div class="language-text highlight"><pre><span></span><code><span id="__span-11-1"><a id="__codelineno-11-1" name="__codelineno-11-1"></a><a href="#__codelineno-11-1"><span class="linenos" data-linenos="1 "></span></a>
1787| 项目(左对齐) | 价格(居中) | 数量(右对齐) |
1788</span><span id="__span-11-2"><a id="__codelineno-11-2" name="__codelineno-11-2"></a><a href="#__codelineno-11-2"><span class="linenos" data-linenos="2 "></span></a>| :--- | :---: | ---: |
1789</span><span id="__span-11-3"><a id="__codelineno-11-3" name="__codelineno-11-3"></a><a href="#__codelineno-11-3"><span class="linenos" data-linenos="3 "></span></a>| 计算机 | 1600 | 5 |
1790</span><span id="__span-11-4"><a id="__codelineno-11-4" name="__codelineno-11-4"></a><a href="#__codelineno-11-4"><span class="linenos" data-linenos="4 "></span></a>| 手机 | 12 | 12 |
1791</span><span id="__span-11-5"><a id="__codelineno-11-5" name="__codelineno-11-5"></a><a href="#__codelineno-11-5"><span class="linenos" data-linenos="5 "></span></a>| 管线 | 1 | 234 |
1792</span></code></pre></div>
1793<p><em>示例效果:</em></p>
1794<table>
1795<thead>
1796<tr>
1797<th style="text-align: left;">项目(左对齐)</th>
1798<th style="text-align: center;">价格(居中)</th>
1799<th style="text-align: right;">数量(右对齐)</th>
1800</tr>
1801</thead>
1802<tbody>
1803<tr>
1804<td style="text-align: left;">计算机</td>
1805<td style="text-align: center;">1600</td>
1806<td style="text-align: right;">5</td>
1807</tr>
1808<tr>
1809<td style="text-align: left;">手机</td>
1810<td style="text-align: center;">12</td>
1811<td style="text-align: right;">12</td>
1812</tr>
1813<tr>
1814<td style="text-align: left;">管线</td>
1815<td style="text-align: center;">1</td>
1816<td style="text-align: right;">234</td>
1817</tr>
1818</tbody>
1819</table>
1820<h3 id="11-复选框">11. 复选框<a class="headerlink" href="#11-复选框" title="Permanent link">¶</a></h3>
1821<p>Markdown 语法:</p>
1822<div class="language-markdown highlight"><pre><span></span><code><span id="__span-12-1"><a id="__codelineno-12-1" name="__codelineno-12-1"></a><a href="#__codelineno-12-1"><span class="linenos" data-linenos="1 "></span></a><span class="k">- [x]</span> 支持 导出 HTML、PDF、ePub、Word 等;
1823</span><span id="__span-12-2"><a id="__codelineno-12-2" name="__codelineno-12-2"></a><a href="#__codelineno-12-2"><span class="linenos" data-linenos="2 "></span></a><span class="k">- [x]</span> 支持 高亮代码段;
1824</span><span id="__span-12-3"><a id="__codelineno-12-3" name="__codelineno-12-3"></a><a href="#__codelineno-12-3"><span class="linenos" data-linenos="3 "></span></a><span class="k">- [x]</span> 支持 数学公式;
1825</span><span id="__span-12-4"><a id="__codelineno-12-4" name="__codelineno-12-4"></a><a href="#__codelineno-12-4"><span class="linenos" data-linenos="4 "></span></a><span class="k">- [x]</span> 支持 幻灯片;
1826</span><span id="__span-12-5"><a id="__codelineno-12-5" name="__codelineno-12-5"></a><a href="#__codelineno-12-5"><span class="linenos" data-linenos="5 "></span></a><span class="k">- [x]</span> 支持 思维导图;
1827</span><span id="__span-12-6"><a id="__codelineno-12-6" name="__codelineno-12-6"></a><a href="#__codelineno-12-6"><span class="linenos" data-linenos="6 "></span></a><span class="k">- [x]</span> 支持 流程图、序列图、甘特图和各类图表;
1828</span><span id="__span-12-7"><a id="__codelineno-12-7" name="__codelineno-12-7"></a><a href="#__codelineno-12-7"><span class="linenos" data-linenos="7 "></span></a><span class="k">- [ ]</span> 任务一,未做任务;
1829</span><span id="__span-12-8"><a id="__codelineno-12-8" name="__codelineno-12-8"></a><a href="#__codelineno-12-8"><span class="linenos" data-linenos="8 "></span></a><span class="w">    </span><span class="k">- [ ]</span> 子任务;
1830</span></code></pre></div>
1831<p><em>示例效果:</em></p>
1832<ul class="task-list">
1833<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled="" checked=""><span class="task-list-indicator"></span></label> 支持 导出 HTML、PDF、ePub、Word 等;</li>
1834<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled="" checked=""><span class="task-list-indicator"></span></label> 支持 高亮代码段;</li>
1835<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled="" checked=""><span class="task-list-indicator"></span></label> 支持 数学公式;</li>
1836<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled="" checked=""><span class="task-list-indicator"></span></label> 支持 幻灯片;</li>
1837<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled="" checked=""><span class="task-list-indicator"></span></label> 支持 思维导图;</li>
1838<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled="" checked=""><span class="task-list-indicator"></span></label> 支持 流程图、序列图、甘特图和各类图表;</li>
1839<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled=""><span class="task-list-indicator"></span></label> 任务一,未做任务;<ul class="task-list">
1840<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled=""><span class="task-list-indicator"></span></label> 子任务;</li>
1841</ul>
1842</li>
1843</ul>
1844<h3 id="12-文档目录">12. 文档目录<a class="headerlink" href="#12-文档目录" title="Permanent link">¶</a></h3>
1845<p>使用 <code>[TOC]</code> 会自动提取全文标题,生成目录结构。字母用大小写都可以。</p>
1846<h3 id="13-脚注">13. 脚注<a class="headerlink" href="#13-脚注" title="Permanent link">¶</a></h3>
1847<p>标准语法为 <code>[^keyword]</code>,keyword随意,保证唯一就行。</p>
1848<p>Markdown 语法:</p>
1849<div class="language-markdown highlight"><pre><span></span><code><span id="__span-13-1"><a id="__codelineno-13-1" name="__codelineno-13-1"></a><a href="#__codelineno-13-1"><span class="linenos" data-linenos="1 "></span></a>Markdown到底是什么?[^ftnt]
1850</span><span id="__span-13-2"><a id="__codelineno-13-2" name="__codelineno-13-2"></a><a href="#__codelineno-13-2"><span class="linenos" data-linenos="2 "></span></a>
1851</span><span id="__span-13-3"><a id="__codelineno-13-3" name="__codelineno-13-3"></a><a href="#__codelineno-13-3"><span class="linenos" data-linenos="3 "></span></a>[<span class="nl">^ftnt</span>]: <span class="na">Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档。</span>
1852</span></code></pre></div>
1853<p><em>示例效果:</em></p>
1854<p>Markdown到底是什么?<sup id="fnref:ftnt"><a class="footnote-ref" href="#fn:ftnt">1</a></sup></p>
1855<p><mark>普通用户到此,足够了。</mark></p>
1856<h2 id="六数理公式">六、数理公式<a class="headerlink" href="#六数理公式" title="Permanent link">¶</a></h2>
1857<h3 id="1-数学公式">1. 数学公式<a class="headerlink" href="#1-数学公式" title="Permanent link">¶</a></h3>
1858<h4 id="内联公式">内联公式<a class="headerlink" href="#内联公式" title="Permanent link">¶</a></h4>
1859<p>使用 $ 前后包围方式。</p>
1860<ul>
1861<li>用 <code>$E=mc^2$</code> 表示:<span class="arithmatex">\(E=mc^2\)</span></li>
1862<li>用 <code>$\sum_{i=1}^n a_i=0$</code> 表示:<span class="arithmatex">\(\sum_{i=1}^n a_i=0\)</span></li>
1863</ul>
1864<h4 id="块级公式">块级公式<a class="headerlink" href="#块级公式" title="Permanent link">¶</a></h4>
1865<p>使用 $$ 前后包围的方式。</p>
1866<ul>
1867<li>用 <code>$$ \displaystyle x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$</code> 表示:</li>
1868</ul>
1869<div class="arithmatex">\[ \displaystyle x = {-b \pm \sqrt{b^2-4ac} \over 2a} \]</div>
1870<ul>
1871<li>用 <code>$$ f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$</code> 表示:</li>
1872</ul>
1873<div class="arithmatex">\[ f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 \]</div>
1874<h3 id="2-化学方程式">2. 化学方程式<a class="headerlink" href="#2-化学方程式" title="Permanent link">¶</a></h3>
1875<p>通过 <a href="https://mhchem.github.io/MathJax-mhchem/">mhchem</a> 扩展实现,支持 MathJax 和 KaTeX。</p>
1876<ul>
1877<li>用 <code>$$ \ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$} $$</code> 表示:</li>
1878</ul>
1879<div class="arithmatex">\[ \ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$} \]</div>
1880<h2 id="七图形与图表">七、图形与图表<a class="headerlink" href="#七图形与图表" title="Permanent link">¶</a></h2>
1881<p>使用 Markdown 快速生成各类图形与图表,参考另一篇文档 <a href="https://jaywhj.netlify.app/graph-chart">Markdown 图形与图表</a>。</p>
1882<h2 id="八静态网站">八、静态网站<a class="headerlink" href="#八静态网站" title="Permanent link">¶</a></h2>
1883<p>使用 Markdown 快速生成静态网站,参考另一篇文档 <a href="https://jaywhj.netlify.app/website">Markdown 静态网站</a>。</p>
1884<h2 id="九幻灯片">九、幻灯片<a class="headerlink" href="#九幻灯片" title="Permanent link">¶</a></h2>
1885<p>使用 Markdown 快速生成精美幻灯片,参考另一篇文档 <a href="https://jaywhj.netlify.app/slideshow">Markdown 幻灯片</a>。</p>
1886<div class="footnote">
1887<hr>
1888<ol>
1889<li id="fn:ftnt">
1890<p>Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档。&nbsp;<a class="footnote-backref" href="#fnref:ftnt" title="Jump back to footnote 1 in the text">↩</a></p>
1891</li>
1892</ol>
1893</div>
1894
1895
1896
1897
1898
1899
1900
1901                
1902              </article>
1903            </div>
1904          
1905          
1906<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
1906
1907        </div>
1908          <div class="md-top" data-md-component="top" hidden="">
1909  <div class="md-top__center">
1910    <button type="button" class="md-top__button md-top__button--main" data-md-action="top">
1911      
1912      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"></path></svg>
1913      <span>回到页面顶部</span>
1914    </button>
1915    
1916      
1917      
1918      <label class="md-top__button md-top__side md-top__side--nav" for="__drawer">
1919        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 14H9V6h11Z"></path></svg>
1920      </label>
1921    
1922    
1923      
1924      
1925      <label class="md-top__button md-top__side md-top__side--toc" for="__toc">
1926        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m-5 14H4V6h11Z"></path></svg>
1927      </label>
1928    
1929  </div>
1930</div>
1931      </main>
1932      
1933        <footer class="md-footer">
1934  
1935    
1936      
1937      <nav class="md-footer__inner md-grid" aria-label="页脚">
1938        
1939          
1940          <a href="materialx-for-mkdocs.html" class="md-footer__link md-footer__link--prev" aria-label="上一页: 下一代主题插件 MaterialX">
1941            <div class="md-footer__button md-icon">
1942              
1943              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"></path></svg>
1944            </div>
1945            <div class="md-footer__title">
1946              <span class="md-footer__direction">
1947                上一页
1948              </span>
1949              <div class="md-ellipsis">
1950                下一代主题插件 MaterialX
1951              </div>
1952            </div>
1953          </a>
1954        
1955        
1956          
1957          <a href="document-dates-zh.html" class="md-footer__link md-footer__link--next" aria-label="下一页: 日期作者头像插件">
1958            <div class="md-footer__title">
1959              <span class="md-footer__direction">
1960                下一页
1961              </span>
1962              <div class="md-ellipsis">
1963                日期作者头像插件
1964              </div>
1965            </div>
1966            <div class="md-footer__button md-icon">
1967              
1968              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"></path></svg>
1969            </div>
1970          </a>
1971        
1972      </nav>
1973    
1974  
1975  <div class="md-footer-meta md-typeset">
1976    <div class="md-footer-meta__inner md-grid">
1977      <div class="md-copyright">
1978  
1979    <div class="md-copyright__highlight">
1980      Copyright © 2025 | 🚀 Aaron Wang
1981    </div>
1982  
1983  
1984</div>
1985      
1986        
1987<div class="md-social">
1988  
1989    
1990    
1991    
1992    
1993    <a href="https://github.com/jaywhj" target="_blank" rel="noopener" title="GitHub" class="md-social__link">
1994      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"></path></svg>
1995    </a>
1996  
1997    
1998    
1999    
2000    
2001    <a href="mailto:[email protected]" target="_blank" rel="noopener" title="Email" class="md-social__link">
2002      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2002<path d="m20 8-8 5-8-5V6l8 5 8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2"></path></svg>
2003    </a>
2004  
2005</div>
2006      
2007    </div>
2008  </div>
2009</footer>
2010      
2011    </div>
2012    <div class="md-dialog" data-md-component="dialog">
2013      <div class="md-dialog__inner md-typeset"></div>
2014    </div>
2015    
2016    
2017    
2018      
2019      
2020      
2020<script id="__config" type="application/json">{"annotate": null, "base": ".", "features": ["navigation.tabs", "navigation.top", "navigation.footer", "content.code.copy", "content.tooltips", "content.footnote.tooltips", "search.highlight", "toc.follow"], "search": "assets/javascripts/workers/search.7a47a382.min.js", "tags": null, "translations": {"clipboard.copied": "\u5df2\u590d\u5236", "clipboard.copy": "\u590d\u5236", "search.result.more.one": "\u5728\u8be5\u9875\u4e0a\u8fd8\u6709 1 \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.more.other": "\u5728\u8be5\u9875\u4e0a\u8fd8\u6709 # \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.none": "\u6ca1\u6709\u627e\u5230\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.one": "\u627e\u5230 1 \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.other": "# \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.placeholder": "\u952e\u5165\u4ee5\u5f00\u59cb\u641c\u7d22", "search.result.term.missing": "\u7f3a\u5c11", "select.version": "\u9009\u62e9\u5f53\u524d\u7248\u672c"}, "version": null}</script>
2020
2021    
2022    
2023      
2023<script src="assets/javascripts/bundle.e3ad5d0a.min.js"></script>
2023
2024      
2025        
2025<script src="assets/document_dates/core/timeago.full.min.js"></script>
2025
2026      
2027        
2027<script src="javascripts/translate.min.js"></script>
2027
2028      
2029        
2029<script src="javascripts/extra.js"></script>
2029
2030      
2031        
2031<script src="site-plugin/katex/katex.js"></script>
2031
2032      
2033        
2033<script src="site-plugin/katex/katex.min.js"></script>
2033
2034      
2035        
2035<script src="site-plugin/katex/auto-render.min.js"></script>
2035
2036      
2037        
2037<script src="site-plugin/katex/mhchem.min.js"></script>
2037
2038      
2039        
2039<script src="assets/document_dates/tippy/popper.min.js"></script>
2039
2040      
2041        
2041<script src="assets/document_dates/tippy/tippy.umd.min.js"></script>
2041
2042      
2043        
2043<script src="assets/document_dates/core/md5.min.js"></script>
2043
2044      
2045        
2045<script src="assets/document_dates/core/default.config.js"></script>
2045
2046      
2047        
2047<script src="assets/document_dates/user.config.js"></script>
2047
2048      
2049        
2049<script src="assets/document_dates/core/utils.js"></script>
2049
2050      
2051        
2051<script src="assets/document_dates/core/core.js"></script>
2051
2052      
2053    
2054  
2055<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
2056</script>
2056</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.