index.html 84 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648
  1. <!doctype html>
  2. <html lang="zh" class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <meta name="author" content="Wcowin">
  7. <link rel="canonical" href="http://wcowin.work/Mkdocs-Wcowin/develop/Markdown/MWeb/">
  8. <link rel="prev" href="../markdown/">
  9. <link rel="next" href="../../git/">
  10. <link rel="icon" href="../../../img/apple-line.png">
  11. <meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.4.2">
  12. <title>Markdown写作应用推荐 - Mkdocs-Wcowin中文主题</title>
  13. <link rel="stylesheet" href="../../../assets/stylesheets/main.d451bc0e.min.css">
  14. <link rel="stylesheet" href="../../../assets/stylesheets/palette.a5377069.min.css">
  15. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  16. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
  17. <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
  18. <link rel="stylesheet" href="../../../stylesheets/extra.css">
  19. <link rel="stylesheet" href="../../../stylesheets/link.css">
  20. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.css">
  21. <link rel="stylesheet" href="../../../ckplayer/css/ckplayer.css">
  22. <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  23. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css">
  24. <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>
  25. <script id="__analytics">function __md_analytics(){function n(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],n("js",new Date),n("config",""),document.addEventListener("DOMContentLoaded",function(){document.forms.search&&document.forms.search.query.addEventListener("blur",function(){this.value&&n("event","search",{search_term:this.value})}),document$.subscribe(function(){var a=document.forms.feedback;if(void 0!==a)for(var e of a.querySelectorAll("[type=submit]"))e.addEventListener("click",function(e){e.preventDefault();var t=document.location.pathname,e=this.getAttribute("data-md-value");n("event","feedback",{page:t,data:e}),a.firstElementChild.disabled=!0;e=a.querySelector(".md-feedback__note [data-md-value='"+e+"']");e&&(e.hidden=!1)}),a.hidden=!1}),location$.subscribe(function(e){n("config","",{page_path:e.pathname})})});var e=document.createElement("script");e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=",document.getElementById("__analytics").insertAdjacentElement("afterEnd",e)}</script>
  26. <script>"undefined"!=typeof __md_analytics&&__md_analytics()</script>
  27. <link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
  28. </head>
  29. <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="blue-grey" data-md-color-accent="indigo">
  30. <script>var palette=__md_get("__palette");if(palette&&"object"==typeof palette.color)for(var key of Object.keys(palette.color))document.body.setAttribute("data-md-color-"+key,palette.color[key])</script>
  31. <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
  32. <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
  33. <label class="md-overlay" for="__drawer"></label>
  34. <div data-md-component="skip">
  35. <a href="#欢迎使用-mweb" class="md-skip">
  36. 跳转至
  37. </a>
  38. </div>
  39. <div data-md-component="announce">
  40. <aside class="md-banner">
  41. <div class="md-banner__inner md-grid md-typeset">
  42. <button class="md-banner__button md-icon" aria-label="不再显示此消息">
  43. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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 12 19 6.41Z"/></svg>
  44. </button>
  45. Follow <strong>@Wcowin</strong> on
  46. <a rel="me" href="https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0">
  47. <span class="twemoji bilibili">
  48. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M488.6 104.1c16.7 18.1 24.4 39.7 23.3 65.7v202.4c-.4 26.4-9.2 48.1-26.5 65.1-17.2 17-39.1 25.9-65.5 26.7H92.02c-26.45-.8-48.21-9.8-65.28-27.2C9.682 419.4.767 396.5 0 368.2V169.8c.767-26 9.682-47.6 26.74-65.7C43.81 87.75 65.57 78.77 92.02 78h29.38L96.05 52.19c-5.75-5.73-8.63-13-8.63-21.79 0-8.8 2.88-16.06 8.63-21.797C101.8 2.868 109.1 0 117.9 0s16.1 2.868 21.9 8.603L213.1 78h88l74.5-69.397C381.7 2.868 389.2 0 398 0c8.8 0 16.1 2.868 21.9 8.603 5.7 5.737 8.6 12.997 8.6 21.797 0 8.79-2.9 16.06-8.6 21.79L394.6 78h29.3c26.4.77 48 9.75 64.7 26.1zm-38.8 69.7c-.4-9.6-3.7-17.4-10.7-23.5-5.2-6.1-14-9.4-22.7-9.8H96.05c-9.59.4-17.45 3.7-23.58 9.8-6.14 6.1-9.4 13.9-9.78 23.5v194.4c0 9.2 3.26 17 9.78 23.5s14.38 9.8 23.58 9.8H416.4c9.2 0 17-3.3 23.3-9.8 6.3-6.5 9.7-14.3 10.1-23.5V173.8zm-264.3 42.7c6.3 6.3 9.7 14.1 10.1 23.2V273c-.4 9.2-3.7 16.9-9.8 23.2-6.2 6.3-14 9.5-23.6 9.5-9.6 0-17.5-3.2-23.6-9.5-6.1-6.3-9.4-14-9.8-23.2v-33.3c.4-9.1 3.8-16.9 10.1-23.2 6.3-6.3 13.2-9.6 23.3-10 9.2.4 17 3.7 23.3 10zm191.5 0c6.3 6.3 9.7 14.1 10.1 23.2V273c-.4 9.2-3.7 16.9-9.8 23.2-6.1 6.3-14 9.5-23.6 9.5-9.6 0-17.4-3.2-23.6-9.5-7-6.3-9.4-14-9.7-23.2v-33.3c.3-9.1 3.7-16.9 10-23.2 6.3-6.3 14.1-9.6 23.3-10 9.2.4 17 3.7 23.3 10z"/></svg>
  49. </span>
  50. <strong>Bilibili</strong>
  51. </a>
  52. and
  53. <a href="https://twitter.com/Wcowin_">
  54. <span class="twemoji twitter">
  55. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
  56. </span>
  57. <strong>Twitter</strong>
  58. </a>
  59. </div>
  60. <script>var content,el=document.querySelector("[data-md-component=announce]");el&&(content=el.querySelector(".md-typeset"),__md_hash(content.innerHTML)===__md_get("__announce")&&(el.hidden=!0))</script>
  61. </aside>
  62. </div>
  63. <header class="md-header" data-md-component="header">
  64. <nav class="md-header__inner md-grid" aria-label="页眉">
  65. <a href="../../.." title="Mkdocs-Wcowin中文主题" class="md-header__button md-logo" aria-label="Mkdocs-Wcowin中文主题" data-md-component="logo">
  66. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 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 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>
  67. </a>
  68. <label class="md-header__button md-icon" for="__drawer">
  69. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
  70. </label>
  71. <div class="md-header__title" data-md-component="header-title">
  72. <div class="md-header__ellipsis">
  73. <div class="md-header__topic">
  74. <span class="md-ellipsis">
  75. Mkdocs-Wcowin中文主题
  76. </span>
  77. </div>
  78. <div class="md-header__topic" data-md-component="header-topic">
  79. <span class="md-ellipsis">
  80. Markdown写作应用推荐
  81. </span>
  82. </div>
  83. </div>
  84. </div>
  85. <form class="md-header__option" data-md-component="palette">
  86. <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="blue-grey" data-md-color-accent="indigo" aria-label="切换至夜间模式" type="radio" name="__palette" id="__palette_1">
  87. <label class="md-header__button md-icon" title="切换至夜间模式" for="__palette_2" hidden>
  88. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31Z"/></svg>
  89. </label>
  90. <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="black" data-md-color-accent="indigo" aria-label="切换至日间模式" type="radio" name="__palette" id="__palette_2">
  91. <label class="md-header__button md-icon" title="切换至日间模式" for="__palette_1" hidden>
  92. <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 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M20.65 7l-1.77 3.79a7.023 7.023 0 0 0-2.38-4.15l4.15.36m-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29L20.64 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44L12 22Z"/></svg>
  93. </label>
  94. </form>
  95. <label class="md-header__button md-icon" for="__search">
  96. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
  97. </label>
  98. <div class="md-search" data-md-component="search" role="dialog">
  99. <label class="md-search__overlay" for="__search"></label>
  100. <div class="md-search__inner" role="search">
  101. <form class="md-search__form" name="search">
  102. <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>
  103. <label class="md-search__icon md-icon" for="__search">
  104. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
  105. <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 11h12Z"/></svg>
  106. </label>
  107. <nav class="md-search__options" aria-label="查找">
  108. <a href="javascript:void(0)" class="md-search__icon md-icon" title="分享" aria-label="分享" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
  109. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91 1.61 0 2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08Z"/></svg>
  110. </a>
  111. <button type="reset" class="md-search__icon md-icon" title="清空当前内容" aria-label="清空当前内容" tabindex="-1">
  112. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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 12 19 6.41Z"/></svg>
  113. </button>
  114. </nav>
  115. <div class="md-search__suggest" data-md-component="search-suggest"></div>
  116. </form>
  117. <div class="md-search__output">
  118. <div class="md-search__scrollwrap" data-md-scrollfix>
  119. <div class="md-search-result" data-md-component="search-result">
  120. <div class="md-search-result__meta">
  121. 正在初始化搜索引擎
  122. </div>
  123. <ol class="md-search-result__list" role="presentation"></ol>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. <div class="md-header__source">
  130. <a href="https://github.com/Wcowin/Mkdocs-Wcowin" title="前往仓库" class="md-source" data-md-component="source">
  131. <div class="md-source__icon md-icon">
  132. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M165.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.6zm-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.3zm44.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.9zM244.8 8C106.1 8 0 113.3 0 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.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.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-1zm-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.7zm32.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-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
  133. </div>
  134. <div class="md-source__repository">
  135. Mkdocs-Wcowin
  136. </div>
  137. </a>
  138. </div>
  139. </nav>
  140. </header>
  141. <div class="md-container" data-md-component="container">
  142. <nav class="md-tabs" aria-label="标签" data-md-component="tabs">
  143. <div class="md-grid">
  144. <ul class="md-tabs__list">
  145. <li class="md-tabs__item">
  146. <a href="../../../blog/Mkdocs/mkdocs1/" class="md-tabs__link">
  147. MKdocs中文教程
  148. </a>
  149. </li>
  150. <li class="md-tabs__item md-tabs__item--active">
  151. <a href="../markdown/" class="md-tabs__link">
  152. 建设MKdocs技能指北
  153. </a>
  154. </li>
  155. <li class="md-tabs__item">
  156. <a href="../../../tag/" class="md-tabs__link">
  157. 标签
  158. </a>
  159. </li>
  160. <li class="md-tabs__item">
  161. <a href="../../../liuyanban/" class="md-tabs__link">
  162. 留言板
  163. </a>
  164. </li>
  165. <li class="md-tabs__item">
  166. <a href="../../../blog/" class="md-tabs__link">
  167. Blogger
  168. </a>
  169. </li>
  170. <li class="md-tabs__item">
  171. <a href="../../../about/link/" class="md-tabs__link">
  172. 友链
  173. </a>
  174. </li>
  175. <li class="md-tabs__item">
  176. <a href="../../../about/geren/" class="md-tabs__link">
  177. 关于
  178. </a>
  179. </li>
  180. </ul>
  181. </div>
  182. </nav>
  183. <main class="md-main" data-md-component="main">
  184. <div class="md-main__inner md-grid">
  185. <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
  186. <div class="md-sidebar__scrollwrap">
  187. <div class="md-sidebar__inner">
  188. <nav class="md-nav md-nav--primary md-nav--lifted" aria-label="导航栏" data-md-level="0">
  189. <label class="md-nav__title" for="__drawer">
  190. <a href="../../.." title="Mkdocs-Wcowin中文主题" class="md-nav__button md-logo" aria-label="Mkdocs-Wcowin中文主题" data-md-component="logo">
  191. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 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 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>
  192. </a>
  193. Mkdocs-Wcowin中文主题
  194. </label>
  195. <div class="md-nav__source">
  196. <a href="https://github.com/Wcowin/Mkdocs-Wcowin" title="前往仓库" class="md-source" data-md-component="source">
  197. <div class="md-source__icon md-icon">
  198. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M165.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.6zm-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.3zm44.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.9zM244.8 8C106.1 8 0 113.3 0 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.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.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-1zm-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.7zm32.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-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
  199. </div>
  200. <div class="md-source__repository">
  201. Mkdocs-Wcowin
  202. </div>
  203. </a>
  204. </div>
  205. <ul class="md-nav__list" data-md-scrollfix>
  206. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  207. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_1" >
  208. <label class="md-nav__link" for="__nav_1" id="__nav_1_label" tabindex="">
  209. <span class="md-ellipsis">
  210. MKdocs中文教程
  211. </span>
  212. <span class="md-nav__icon md-icon"></span>
  213. </label>
  214. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_1_label" aria-expanded="false">
  215. <label class="md-nav__title" for="__nav_1">
  216. <span class="md-nav__icon md-icon"></span>
  217. MKdocs中文教程
  218. </label>
  219. <ul class="md-nav__list" data-md-scrollfix>
  220. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  221. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_1_1" >
  222. <label class="md-nav__link" for="__nav_1_1" id="__nav_1_1_label" tabindex="">
  223. <span class="md-ellipsis">
  224. MKdocs教程
  225. </span>
  226. <span class="md-nav__icon md-icon"></span>
  227. </label>
  228. <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_1_1_label" aria-expanded="false">
  229. <label class="md-nav__title" for="__nav_1_1">
  230. <span class="md-nav__icon md-icon"></span>
  231. MKdocs教程
  232. </label>
  233. <ul class="md-nav__list" data-md-scrollfix>
  234. <li class="md-nav__item">
  235. <a href="../../../blog/Mkdocs/mkdocs1/" class="md-nav__link">
  236. <span class="md-ellipsis">
  237. 利用mkdocs部署静态网页至GitHub pages
  238. </span>
  239. </a>
  240. </li>
  241. <li class="md-nav__item">
  242. <a href="../../../blog/Mkdocs/mkdocs2/" class="md-nav__link">
  243. <span class="md-ellipsis">
  244. Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml)
  245. </span>
  246. </a>
  247. </li>
  248. <li class="md-nav__item">
  249. <a href="../../../blog/Mkdocs/mkdocs3/" class="md-nav__link">
  250. <span class="md-ellipsis">
  251. 解决 mkdocs部署 Github Pages 自定义域名失效的问题
  252. </span>
  253. </a>
  254. </li>
  255. <li class="md-nav__item">
  256. <a href="../../../blog/Mkdocs/mkdocsblog/" class="md-nav__link">
  257. <span class="md-ellipsis">
  258. 网站添加Mkdocs博客
  259. </span>
  260. </a>
  261. </li>
  262. </ul>
  263. </nav>
  264. </li>
  265. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  266. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_1_2" >
  267. <label class="md-nav__link" for="__nav_1_2" id="__nav_1_2_label" tabindex="">
  268. <span class="md-ellipsis">
  269. Mkdocs美化
  270. </span>
  271. <span class="md-nav__icon md-icon"></span>
  272. </label>
  273. <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_1_2_label" aria-expanded="false">
  274. <label class="md-nav__title" for="__nav_1_2">
  275. <span class="md-nav__icon md-icon"></span>
  276. Mkdocs美化
  277. </label>
  278. <ul class="md-nav__list" data-md-scrollfix>
  279. <li class="md-nav__item">
  280. <a href="../../../blog/websitebeauty/mkcomments/" class="md-nav__link">
  281. <span class="md-ellipsis">
  282. 添加评论系统(giscus为例)
  283. </span>
  284. </a>
  285. </li>
  286. <li class="md-nav__item">
  287. <a href="../../../blog/websitebeauty/webtalknow/" class="md-nav__link">
  288. <span class="md-ellipsis">
  289. 添加在线聊天
  290. </span>
  291. </a>
  292. </li>
  293. <li class="md-nav__item">
  294. <a href="../../../blog/websitebeauty/linktech/" class="md-nav__link">
  295. <span class="md-ellipsis">
  296. 添加友链
  297. </span>
  298. </a>
  299. </li>
  300. <li class="md-nav__item">
  301. <a href="../../../blog/websitebeauty/mkdocsfont/" class="md-nav__link">
  302. <span class="md-ellipsis">
  303. 修改网站字体
  304. </span>
  305. </a>
  306. </li>
  307. <li class="md-nav__item">
  308. <a href="../../../blog/websitebeauty/shubiao/" class="md-nav__link">
  309. <span class="md-ellipsis">
  310. JS实现鼠标样式
  311. </span>
  312. </a>
  313. </li>
  314. <li class="md-nav__item">
  315. <a href="../../../blog/websitebeauty/backgroud/" class="md-nav__link">
  316. <span class="md-ellipsis">
  317. 背景特效
  318. </span>
  319. </a>
  320. </li>
  321. </ul>
  322. </nav>
  323. </li>
  324. </ul>
  325. </nav>
  326. </li>
  327. <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
  328. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
  329. <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
  330. <span class="md-ellipsis">
  331. 建设MKdocs技能指北
  332. </span>
  333. <span class="md-nav__icon md-icon"></span>
  334. </label>
  335. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
  336. <label class="md-nav__title" for="__nav_2">
  337. <span class="md-nav__icon md-icon"></span>
  338. 建设MKdocs技能指北
  339. </label>
  340. <ul class="md-nav__list" data-md-scrollfix>
  341. <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
  342. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_1" checked>
  343. <label class="md-nav__link" for="__nav_2_1" id="__nav_2_1_label" tabindex="">
  344. <span class="md-ellipsis">
  345. Markdown
  346. </span>
  347. <span class="md-nav__icon md-icon"></span>
  348. </label>
  349. <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_2_1_label" aria-expanded="true">
  350. <label class="md-nav__title" for="__nav_2_1">
  351. <span class="md-nav__icon md-icon"></span>
  352. Markdown
  353. </label>
  354. <ul class="md-nav__list" data-md-scrollfix>
  355. <li class="md-nav__item">
  356. <a href="../markdown/" class="md-nav__link">
  357. <span class="md-ellipsis">
  358. Markdown指南
  359. </span>
  360. </a>
  361. </li>
  362. <li class="md-nav__item md-nav__item--active">
  363. <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
  364. <label class="md-nav__link md-nav__link--active" for="__toc">
  365. <span class="md-ellipsis">
  366. MWeb Pro
  367. </span>
  368. <span class="md-nav__icon md-icon"></span>
  369. </label>
  370. <a href="./" class="md-nav__link md-nav__link--active">
  371. <span class="md-ellipsis">
  372. MWeb Pro
  373. </span>
  374. </a>
  375. <nav class="md-nav md-nav--secondary" aria-label="目录">
  376. <label class="md-nav__title" for="__toc">
  377. <span class="md-nav__icon md-icon"></span>
  378. 目录
  379. </label>
  380. <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
  381. <li class="md-nav__item">
  382. <a href="#欢迎使用-mweb" class="md-nav__link">
  383. 欢迎使用 MWeb
  384. </a>
  385. </li>
  386. <li class="md-nav__item">
  387. <a href="#软件本身" class="md-nav__link">
  388. 软件本身:
  389. </a>
  390. </li>
  391. <li class="md-nav__item">
  392. <a href="#markdown-语法" class="md-nav__link">
  393. Markdown 语法:
  394. </a>
  395. </li>
  396. <li class="md-nav__item">
  397. <a href="#markdown-辅助" class="md-nav__link">
  398. Markdown 辅助:
  399. </a>
  400. </li>
  401. <li class="md-nav__item">
  402. <a href="#markdown-输出" class="md-nav__link">
  403. Markdown 输出:
  404. </a>
  405. </li>
  406. <li class="md-nav__item">
  407. <a href="#markdown-笔记" class="md-nav__link">
  408. Markdown 笔记:
  409. </a>
  410. </li>
  411. <li class="md-nav__item">
  412. <a href="#外部-markdown-文档" class="md-nav__link">
  413. 外部 Markdown 文档:
  414. </a>
  415. </li>
  416. <li class="md-nav__item">
  417. <a href="#mweb-文档" class="md-nav__link">
  418. MWeb 文档:
  419. </a>
  420. </li>
  421. <li class="md-nav__item">
  422. <a href="#帮助我们改进-mweb" class="md-nav__link">
  423. 帮助我们改进 MWeb
  424. </a>
  425. </li>
  426. <li class="md-nav__item">
  427. <a href="#gfm-语法简介和-mweb-所支持的扩展语法" class="md-nav__link">
  428. GFM 语法简介和 MWeb 所支持的扩展语法
  429. </a>
  430. <nav class="md-nav" aria-label="GFM 语法简介和 MWeb 所支持的扩展语法">
  431. <ul class="md-nav__list">
  432. <li class="md-nav__item">
  433. <a href="#回车转为换行" class="md-nav__link">
  434. 回车转为换行
  435. </a>
  436. </li>
  437. <li class="md-nav__item">
  438. <a href="#任务列表task-lists" class="md-nav__link">
  439. 任务列表(Task lists)
  440. </a>
  441. </li>
  442. <li class="md-nav__item">
  443. <a href="#图片大小及对齐" class="md-nav__link">
  444. 图片大小及对齐
  445. </a>
  446. </li>
  447. <li class="md-nav__item">
  448. <a href="#多行或者一段代码" class="md-nav__link">
  449. 多行或者一段代码
  450. </a>
  451. </li>
  452. <li class="md-nav__item">
  453. <a href="#表格" class="md-nav__link">
  454. 表格
  455. </a>
  456. </li>
  457. <li class="md-nav__item">
  458. <a href="#删除线" class="md-nav__link">
  459. 删除线
  460. </a>
  461. </li>
  462. <li class="md-nav__item">
  463. <a href="#latex" class="md-nav__link">
  464. LaTeX
  465. </a>
  466. </li>
  467. </ul>
  468. </nav>
  469. </li>
  470. <li class="md-nav__item">
  471. <a href="#mweb-画图" class="md-nav__link">
  472. MWeb 画图
  473. </a>
  474. <nav class="md-nav" aria-label="MWeb 画图">
  475. <ul class="md-nav__list">
  476. <li class="md-nav__item">
  477. <a href="#mermaid" class="md-nav__link">
  478. mermaid
  479. </a>
  480. </li>
  481. <li class="md-nav__item">
  482. <a href="#echarts" class="md-nav__link">
  483. echarts
  484. </a>
  485. </li>
  486. <li class="md-nav__item">
  487. <a href="#脚注footnote" class="md-nav__link">
  488. 脚注(Footnote)
  489. </a>
  490. </li>
  491. <li class="md-nav__item">
  492. <a href="#注释和阅读更多" class="md-nav__link">
  493. 注释和阅读更多
  494. </a>
  495. </li>
  496. </ul>
  497. </nav>
  498. </li>
  499. </ul>
  500. </nav>
  501. </li>
  502. </ul>
  503. </nav>
  504. </li>
  505. <li class="md-nav__item">
  506. <a href="../../git/" class="md-nav__link">
  507. <span class="md-ellipsis">
  508. Git 实用技巧
  509. </span>
  510. </a>
  511. </li>
  512. <li class="md-nav__item">
  513. <a href="../../lighthouse/" class="md-nav__link">
  514. <span class="md-ellipsis">
  515. 利用Lighthouse测试网站性能
  516. </span>
  517. </a>
  518. </li>
  519. <li class="md-nav__item">
  520. <a href="../../vercel/" class="md-nav__link">
  521. <span class="md-ellipsis">
  522. 如何将 github pages 迁移到 vercel 上托管
  523. </span>
  524. </a>
  525. </li>
  526. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  527. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_2_5" >
  528. <label class="md-nav__link" for="__nav_2_5" id="__nav_2_5_label" tabindex="">
  529. <span class="md-ellipsis">
  530. 设计美学
  531. </span>
  532. <span class="md-nav__icon md-icon"></span>
  533. </label>
  534. <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_2_5_label" aria-expanded="false">
  535. <label class="md-nav__title" for="__nav_2_5">
  536. <span class="md-nav__icon md-icon"></span>
  537. 设计美学
  538. </label>
  539. <ul class="md-nav__list" data-md-scrollfix>
  540. <li class="md-nav__item">
  541. <a href="../../designbeauty/db1/" class="md-nav__link">
  542. <span class="md-ellipsis">
  543. 唐·诺曼—情感设计的三个层次
  544. </span>
  545. </a>
  546. </li>
  547. <li class="md-nav__item">
  548. <a href="../../designbeauty/my-to-desihn/" class="md-nav__link">
  549. <span class="md-ellipsis">
  550. 我对设计的一些观点
  551. </span>
  552. </a>
  553. </li>
  554. </ul>
  555. </nav>
  556. </li>
  557. </ul>
  558. </nav>
  559. </li>
  560. <li class="md-nav__item">
  561. <a href="../../../tag/" class="md-nav__link">
  562. <span class="md-ellipsis">
  563. 标签
  564. </span>
  565. </a>
  566. </li>
  567. <li class="md-nav__item">
  568. <a href="../../../liuyanban/" class="md-nav__link">
  569. <span class="md-ellipsis">
  570. 留言板
  571. </span>
  572. </a>
  573. </li>
  574. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  575. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5" >
  576. <div class="md-nav__link md-nav__container">
  577. <a href="../../../blog/" class="md-nav__link ">
  578. <span class="md-ellipsis">
  579. Blogger
  580. </span>
  581. </a>
  582. <label class="md-nav__link " for="__nav_5" id="__nav_5_label" tabindex="">
  583. <span class="md-nav__icon md-icon"></span>
  584. </label>
  585. </div>
  586. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
  587. <label class="md-nav__title" for="__nav_5">
  588. <span class="md-nav__icon md-icon"></span>
  589. Blogger
  590. </label>
  591. <ul class="md-nav__list" data-md-scrollfix>
  592. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  593. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5_2" >
  594. <label class="md-nav__link" for="__nav_5_2" id="__nav_5_2_label" tabindex="">
  595. <span class="md-ellipsis">
  596. 归档
  597. </span>
  598. <span class="md-nav__icon md-icon"></span>
  599. </label>
  600. <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_2_label" aria-expanded="false">
  601. <label class="md-nav__title" for="__nav_5_2">
  602. <span class="md-nav__icon md-icon"></span>
  603. 归档
  604. </label>
  605. <ul class="md-nav__list" data-md-scrollfix>
  606. <li class="md-nav__item">
  607. <a href="../../../blog/archive/2023/" class="md-nav__link">
  608. <span class="md-ellipsis">
  609. 2023
  610. </span>
  611. </a>
  612. </li>
  613. </ul>
  614. </nav>
  615. </li>
  616. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  617. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5_3" >
  618. <label class="md-nav__link" for="__nav_5_3" id="__nav_5_3_label" tabindex="">
  619. <span class="md-ellipsis">
  620. 分类
  621. </span>
  622. <span class="md-nav__icon md-icon"></span>
  623. </label>
  624. <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_3_label" aria-expanded="false">
  625. <label class="md-nav__title" for="__nav_5_3">
  626. <span class="md-nav__icon md-icon"></span>
  627. 分类
  628. </label>
  629. <ul class="md-nav__list" data-md-scrollfix>
  630. <li class="md-nav__item">
  631. <a href="../../../blog/category/%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/" class="md-nav__link">
  632. <span class="md-ellipsis">
  633. 网站更新记录
  634. </span>
  635. </a>
  636. </li>
  637. <li class="md-nav__item">
  638. <a href="../../../blog/category/hello/" class="md-nav__link">
  639. <span class="md-ellipsis">
  640. Hello
  641. </span>
  642. </a>
  643. </li>
  644. </ul>
  645. </nav>
  646. </li>
  647. </ul>
  648. </nav>
  649. </li>
  650. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  651. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_6" >
  652. <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
  653. <span class="md-ellipsis">
  654. 友链
  655. </span>
  656. <span class="md-nav__icon md-icon"></span>
  657. </label>
  658. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
  659. <label class="md-nav__title" for="__nav_6">
  660. <span class="md-nav__icon md-icon"></span>
  661. 友链
  662. </label>
  663. <ul class="md-nav__list" data-md-scrollfix>
  664. <li class="md-nav__item">
  665. <a href="../../../about/link/" class="md-nav__link">
  666. <span class="md-ellipsis">
  667. 友链
  668. </span>
  669. </a>
  670. </li>
  671. </ul>
  672. </nav>
  673. </li>
  674. <li class="md-nav__item md-nav__item--section md-nav__item--nested">
  675. <input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_7" >
  676. <label class="md-nav__link" for="__nav_7" id="__nav_7_label" tabindex="">
  677. <span class="md-ellipsis">
  678. 关于
  679. </span>
  680. <span class="md-nav__icon md-icon"></span>
  681. </label>
  682. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="false">
  683. <label class="md-nav__title" for="__nav_7">
  684. <span class="md-nav__icon md-icon"></span>
  685. 关于
  686. </label>
  687. <ul class="md-nav__list" data-md-scrollfix>
  688. <li class="md-nav__item">
  689. <a href="../../../about/geren/" class="md-nav__link">
  690. <span class="md-ellipsis">
  691. 作者个人简介
  692. </span>
  693. </a>
  694. </li>
  695. <li class="md-nav__item">
  696. <a href="../../../about/test/" class="md-nav__link">
  697. <span class="md-ellipsis">
  698. 功能测试
  699. </span>
  700. </a>
  701. </li>
  702. </ul>
  703. </nav>
  704. </li>
  705. </ul>
  706. </nav>
  707. </div>
  708. </div>
  709. </div>
  710. <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
  711. <div class="md-sidebar__scrollwrap">
  712. <div class="md-sidebar__inner">
  713. <nav class="md-nav md-nav--secondary" aria-label="目录">
  714. <label class="md-nav__title" for="__toc">
  715. <span class="md-nav__icon md-icon"></span>
  716. 目录
  717. </label>
  718. <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
  719. <li class="md-nav__item">
  720. <a href="#欢迎使用-mweb" class="md-nav__link">
  721. 欢迎使用 MWeb
  722. </a>
  723. </li>
  724. <li class="md-nav__item">
  725. <a href="#软件本身" class="md-nav__link">
  726. 软件本身:
  727. </a>
  728. </li>
  729. <li class="md-nav__item">
  730. <a href="#markdown-语法" class="md-nav__link">
  731. Markdown 语法:
  732. </a>
  733. </li>
  734. <li class="md-nav__item">
  735. <a href="#markdown-辅助" class="md-nav__link">
  736. Markdown 辅助:
  737. </a>
  738. </li>
  739. <li class="md-nav__item">
  740. <a href="#markdown-输出" class="md-nav__link">
  741. Markdown 输出:
  742. </a>
  743. </li>
  744. <li class="md-nav__item">
  745. <a href="#markdown-笔记" class="md-nav__link">
  746. Markdown 笔记:
  747. </a>
  748. </li>
  749. <li class="md-nav__item">
  750. <a href="#外部-markdown-文档" class="md-nav__link">
  751. 外部 Markdown 文档:
  752. </a>
  753. </li>
  754. <li class="md-nav__item">
  755. <a href="#mweb-文档" class="md-nav__link">
  756. MWeb 文档:
  757. </a>
  758. </li>
  759. <li class="md-nav__item">
  760. <a href="#帮助我们改进-mweb" class="md-nav__link">
  761. 帮助我们改进 MWeb
  762. </a>
  763. </li>
  764. <li class="md-nav__item">
  765. <a href="#gfm-语法简介和-mweb-所支持的扩展语法" class="md-nav__link">
  766. GFM 语法简介和 MWeb 所支持的扩展语法
  767. </a>
  768. <nav class="md-nav" aria-label="GFM 语法简介和 MWeb 所支持的扩展语法">
  769. <ul class="md-nav__list">
  770. <li class="md-nav__item">
  771. <a href="#回车转为换行" class="md-nav__link">
  772. 回车转为换行
  773. </a>
  774. </li>
  775. <li class="md-nav__item">
  776. <a href="#任务列表task-lists" class="md-nav__link">
  777. 任务列表(Task lists)
  778. </a>
  779. </li>
  780. <li class="md-nav__item">
  781. <a href="#图片大小及对齐" class="md-nav__link">
  782. 图片大小及对齐
  783. </a>
  784. </li>
  785. <li class="md-nav__item">
  786. <a href="#多行或者一段代码" class="md-nav__link">
  787. 多行或者一段代码
  788. </a>
  789. </li>
  790. <li class="md-nav__item">
  791. <a href="#表格" class="md-nav__link">
  792. 表格
  793. </a>
  794. </li>
  795. <li class="md-nav__item">
  796. <a href="#删除线" class="md-nav__link">
  797. 删除线
  798. </a>
  799. </li>
  800. <li class="md-nav__item">
  801. <a href="#latex" class="md-nav__link">
  802. LaTeX
  803. </a>
  804. </li>
  805. </ul>
  806. </nav>
  807. </li>
  808. <li class="md-nav__item">
  809. <a href="#mweb-画图" class="md-nav__link">
  810. MWeb 画图
  811. </a>
  812. <nav class="md-nav" aria-label="MWeb 画图">
  813. <ul class="md-nav__list">
  814. <li class="md-nav__item">
  815. <a href="#mermaid" class="md-nav__link">
  816. mermaid
  817. </a>
  818. </li>
  819. <li class="md-nav__item">
  820. <a href="#echarts" class="md-nav__link">
  821. echarts
  822. </a>
  823. </li>
  824. <li class="md-nav__item">
  825. <a href="#脚注footnote" class="md-nav__link">
  826. 脚注(Footnote)
  827. </a>
  828. </li>
  829. <li class="md-nav__item">
  830. <a href="#注释和阅读更多" class="md-nav__link">
  831. 注释和阅读更多
  832. </a>
  833. </li>
  834. </ul>
  835. </nav>
  836. </li>
  837. </ul>
  838. </nav>
  839. </div>
  840. </div>
  841. </div>
  842. <div class="md-content" data-md-component="content">
  843. <article class="md-content__inner md-typeset">
  844. <nav class="md-tags" >
  845. <a href="../../../tag/#markdown" class="md-tag">Markdown</a>
  846. </nav>
  847. <a href="https://github.com/Wcowin/Mkdocs-Wcowin/edit/main/docs/develop/Markdown/MWeb.md" title="编辑此页" class="md-content__button md-icon">
  848. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4v-2m10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1 2.1 2.1Z"/></svg>
  849. </a>
  850. <a href="https://github.com/Wcowin/Mkdocs-Wcowin/raw/main/docs/develop/Markdown/MWeb.md" title="查看本页的源代码" class="md-content__button md-icon">
  851. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.15 8.15 0 0 1-1.23-2Z"/></svg>
  852. </a>
  853. <h1>MWeb Pro</h1>
  854. <p><b>MWeb Pro </b>是一款适用于macOS的专业Markdown写作、笔记本应用软件。喜欢写博客的朋友,那你一定会需要 MWeb Pro 这款软件。为您提供最佳的写作体验。</p>
  855. <p>Markdown 语法支持:</p>
  856. <p>使用 Github Flavored Markdown 语法,简称 GFM 语法。支持表格、TOC、LaTeX、代码块、任务列表、脚注等。画图库支持 mermaid, viz, echarts, plantuml, sequence, flow。</p>
  857. <p>辅助功能</p>
  858. <p>支持截图并粘贴、复制并粘贴、拖拽等方式插入图片并直接显示在编辑器内。在兼容 Markdown 语法的情况下支持设置图片宽度。好用的表格插入和 LaTeX 书写辅助。</p>
  859. <p>输出功能</p>
  860. <p>支持导出为图片、HTML、Epub、PDF、RTF、Docx。支持发布到 Wordpress、印象笔记、Blogger、Medium、Tumblr等。支持七牛云、又拍云等以及自定义的图床服务。</p>
  861. <p>强大的笔记功能</p>
  862. <p>强大的文档库支持分类树和标签管理文档,文档可归类于多个分类,可以把分类整个导出为 Epub、PDF 和生成静态网站。非常合适用于笔记、个人知识收集、管理和输出。 快速笔记:随意增加笔记及图片等素材,支持以天为单位把增加的素材组合在一个文档内,方便整理及记录历史收集情况。快速搜索:目前已支持全局快捷键调出搜索。</p>
  863. <hr />
  864. <p>以下摘自MWeb关于Markdown的介绍</p>
  865. <h2 id="欢迎使用-mweb">欢迎使用 MWeb<a class="headerlink" href="#欢迎使用-mweb" title="Permanent link"></a></h2>
  866. <p>MWeb 是专业的 Markdown 写作、记笔记、静态博客生成软件,目前已支持 Mac,iPad 和 iPhone。MWeb 有以下特色:</p>
  867. <h2 id="软件本身">软件本身:<a class="headerlink" href="#软件本身" title="Permanent link"></a></h2>
  868. <ul>
  869. <li>使用原生的 macOS 技术打造,追求与系统的完美结合。</li>
  870. <li>原则上,首先是追求界面简洁和高性能,然后才是强大易用,功能全面。</li>
  871. </ul>
  872. <h2 id="markdown-语法">Markdown 语法:<a class="headerlink" href="#markdown-语法" title="Permanent link"></a></h2>
  873. <ul>
  874. <li>使用 GitHub Flavored Markdown 语法,简称 GFM 语法。</li>
  875. <li>支持表格、TOC、LaTeX、代码块、任务列表、脚注等。</li>
  876. <li>画图库支持 mermaid, viz, ECharts, PlantUML, Sequence, Flow。</li>
  877. </ul>
  878. <h2 id="markdown-辅助">Markdown 辅助:<a class="headerlink" href="#markdown-辅助" title="Permanent link"></a></h2>
  879. <ul>
  880. <li>支持截图并粘贴、复制并粘贴、拖拽等方式插入图片并直接显示在编辑器内。</li>
  881. <li>在兼容 Markdown 语法的情况下支持设置图片宽度。</li>
  882. <li>好用的表格插入和 LaTeX 书写辅助。</li>
  883. </ul>
  884. <h2 id="markdown-输出">Markdown 输出:<a class="headerlink" href="#markdown-输出" title="Permanent link"></a></h2>
  885. <ul>
  886. <li>支持导出为图片、HTML、Epub、PDF、RTF、Docx。</li>
  887. <li>支持发布到 WordPress、支持 Metaweblog API 协议的服务、Wordpress.com、印象笔记(Evernote)、Blogger、Medium、Tumblr、语雀、Ghost、少数派 Matrix。</li>
  888. <li>图片上传服务(图床)支持 Imgur、七牛云、又拍云、腾讯云 COS、阿里云 OSS、SM.MS和自定义的图床服务。</li>
  889. </ul>
  890. <h2 id="markdown-笔记">Markdown 笔记:<a class="headerlink" href="#markdown-笔记" title="Permanent link"></a></h2>
  891. <ul>
  892. <li>强大的文档库支持分类树和标签管理文档,文档可归类于多个分类,可以把分类整个导出为 Epub、PDF 和生成静态网站。非常合适用于笔记、个人知识收集、管理和输出。</li>
  893. <li>快速笔记:随意增加笔记及图片等素材,支持以天为单位把增加的素材组合在一个文档内,方便整理及记录历史收集情况。</li>
  894. <li>快速搜索:目前已支持全局快捷键调出搜索。</li>
  895. </ul>
  896. <h2 id="外部-markdown-文档">外部 Markdown 文档:<a class="headerlink" href="#外部-markdown-文档" title="Permanent link"></a></h2>
  897. <ul>
  898. <li>外部 Markdown 文档使用外部模式管理。外部模式使用目录树的方式编辑和管理你的 Markdown 文档,还能很好的支持 GitBook、Jekyll、Hexo 等等编辑和图片插入。</li>
  899. </ul>
  900. <h2 id="mweb-文档">MWeb 文档:<a class="headerlink" href="#mweb-文档" title="Permanent link"></a></h2>
  901. <p>如果要更详细了解 MWeb,建议你一定要去看一下官网的帮助文档,网址为:<a href="https://zh.mweb.im/help.html">https://zh.mweb.im/help.html</a>。我们建议在使用文档库之前,一定要阅读一下 <a href="https://zh.mweb.im/mweb-library.html">MWeb 文档库详细介绍</a> 这篇文章,以便更好的使用文档库。</p>
  902. <h2 id="帮助我们改进-mweb">帮助我们改进 MWeb<a class="headerlink" href="#帮助我们改进-mweb" title="Permanent link"></a></h2>
  903. <p>如果你喜欢 MWeb,想让它变得更好,你可以:</p>
  904. <ol>
  905. <li>推荐 MWeb,让更多的人知道。</li>
  906. <li>给我们发反馈和建议:<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#99;&#111;&#100;&#101;&#114;&#102;&#111;&#114;&#97;&#114;&#116;&#43;&#50;&#51;&#51;&#51;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;">&#99;&#111;&#100;&#101;&#114;&#102;&#111;&#114;&#97;&#114;&#116;&#43;&#50;&#51;&#51;&#51;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;</a></li>
  907. <li>在 Mac App Store 上评价 (如果是在 MAS 上购买的话)。</li>
  908. </ol>
  909. <h2 id="gfm-语法简介和-mweb-所支持的扩展语法">GFM 语法简介和 MWeb 所支持的扩展语法<a class="headerlink" href="#gfm-语法简介和-mweb-所支持的扩展语法" title="Permanent link"></a></h2>
  910. <h3 id="回车转为换行">回车转为换行<a class="headerlink" href="#回车转为换行" title="Permanent link"></a></h3>
  911. <p>官方的语法规定结尾加 2 个以上空格加换行才会转成换行,也就是 <code>&lt;br /&gt;</code> 标签。MWeb 中有个选项可以直接把换行转成 <code>&lt;br /&gt;</code>,不用加上 2 个以上空格,这个选项默认是开启的。如果要关闭,请在设置页面关闭。</p>
  912. <h3 id="任务列表task-lists">任务列表(Task lists)<a class="headerlink" href="#任务列表task-lists" title="Permanent link"></a></h3>
  913. <p>Markdown 语法:</p>
  914. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
  915. <span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>- [ ] 任务一 未做任务 `- + 空格 + [ ]`
  916. <a id="__codelineno-0-2" name="__codelineno-0-2"></a>- [x] 任务二 已做任务 `- + 空格 + [x]`
  917. </code></pre></div></td></tr></table></div>
  918. <p>效果如下:</p>
  919. <ul class="task-list">
  920. <li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled/><span class="task-list-indicator"></span></label> 任务一 未做任务 <code>- + 空格 + [ ]</code></li>
  921. <li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled checked/><span class="task-list-indicator"></span></label> 任务二 已做任务 <code>- + 空格 + [x]</code></li>
  922. </ul>
  923. <h3 id="图片大小及对齐">图片大小及对齐<a class="headerlink" href="#图片大小及对齐" title="Permanent link"></a></h3>
  924. <p>官方和 GFM 都不支持图片大小设置,MWeb 引入的特别的语法来设置图片宽度。如:<code>![图片说明-w450](pic.jpg)</code> 这样表示设置图片宽度为 450。其中 -w450 为设置语法,生成 HTML 时会自动移除。w 表示设置宽度。 可以看出,MWeb 引入的语法的特点是兼容原来的语法和仅支持设置宽度。</p>
  925. <p><img alt="图片描述-w140" src="https://zh.mweb.im/asset/img/set-up-git.gif" /></p>
  926. <h3 id="多行或者一段代码">多行或者一段代码<a class="headerlink" href="#多行或者一段代码" title="Permanent link"></a></h3>
  927. <p>Markdown 语法:</p>
  928. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
  929. <span class="normal">2</span>
  930. <span class="normal">3</span>
  931. <span class="normal">4</span>
  932. <span class="normal">5</span>
  933. <span class="normal">6</span>
  934. <span class="normal">7</span>
  935. <span class="normal">8</span></pre></div></td><td class="code"><div><pre><span></span><code>```js
  936. function fancyAlert(arg) {
  937. if(arg) {
  938. $.facebox({div:&#39;#foo&#39;})
  939. }
  940. }
  941. ```
  942. </code></pre></div></td></tr></table></div>
  943. <p>效果如下:</p>
  944. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1">1</a></span>
  945. <span class="normal"><a href="#__codelineno-2-2">2</a></span>
  946. <span class="normal"><a href="#__codelineno-2-3">3</a></span>
  947. <span class="normal"><a href="#__codelineno-2-4">4</a></span>
  948. <span class="normal"><a href="#__codelineno-2-5">5</a></span>
  949. <span class="normal"><a href="#__codelineno-2-6">6</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="kd">function</span><span class="w"> </span><span class="nx">fancyAlert</span><span class="p">(</span><span class="nx">arg</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
  950. <a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="w"> </span><span class="k">if</span><span class="p">(</span><span class="nx">arg</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
  951. <a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="w"> </span><span class="nx">$</span><span class="p">.</span><span class="nx">facebox</span><span class="p">({</span><span class="nx">div</span><span class="o">:</span><span class="s1">&#39;#foo&#39;</span><span class="p">})</span>
  952. <a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="w"> </span><span class="p">}</span>
  953. <a id="__codelineno-2-5" name="__codelineno-2-5"></a>
  954. <a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="p">}</span>
  955. </code></pre></div></td></tr></table></div>
  956. <p>这个语法目前在 MWeb 中使用,必须前后空一行,才会正确解析。我觉得,在写 Markdown 文档过程中,运用空行很有必要,基本上,块级元素(标题、列表、引用、代码块、表格、段落等),都建议前后空一行。</p>
  957. <h3 id="表格">表格<a class="headerlink" href="#表格" title="Permanent link"></a></h3>
  958. <p>Markdown 语法:</p>
  959. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1">1</a></span>
  960. <span class="normal"><a href="#__codelineno-3-2">2</a></span>
  961. <span class="normal"><a href="#__codelineno-3-3">3</a></span>
  962. <span class="normal"><a href="#__codelineno-3-4">4</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a>第一格表头 | 第二格表头
  963. <a id="__codelineno-3-2" name="__codelineno-3-2"></a>--------- | -------------
  964. <a id="__codelineno-3-3" name="__codelineno-3-3"></a>内容单元格 第一列第一格 | 内容单元格第二列第一格
  965. <a id="__codelineno-3-4" name="__codelineno-3-4"></a>内容单元格 第一列第二格 多加文字 | 内容单元格第二列第二格
  966. </code></pre></div></td></tr></table></div>
  967. <p>效果如下:</p>
  968. <table>
  969. <thead>
  970. <tr>
  971. <th>第一格表头</th>
  972. <th>第二格表头</th>
  973. </tr>
  974. </thead>
  975. <tbody>
  976. <tr>
  977. <td>内容单元格 第一列第一格</td>
  978. <td>内容单元格第二列第一格</td>
  979. </tr>
  980. <tr>
  981. <td>内容单元格 第一列第二格 多加文字</td>
  982. <td>内容单元格第二列第二格</td>
  983. </tr>
  984. </tbody>
  985. </table>
  986. <h3 id="删除线">删除线<a class="headerlink" href="#删除线" title="Permanent link"></a></h3>
  987. <p>Markdown 语法:</p>
  988. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code>加删除线像这样用: ~~删除这些~~
  989. </code></pre></div></td></tr></table></div>
  990. <p>效果如下:</p>
  991. <p>加删除线像这样用: <del>删除这些</del></p>
  992. <h3 id="latex">LaTeX<a class="headerlink" href="#latex" title="Permanent link"></a></h3>
  993. <p>Markdown 语法:</p>
  994. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
  995. <span class="normal">2</span>
  996. <span class="normal">3</span>
  997. <span class="normal">4</span>
  998. <span class="normal">5</span>
  999. <span class="normal">6</span></pre></div></td><td class="code"><div><pre><span></span><code>块级公式:
  1000. ```math
  1001. x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}
  1002. ```
  1003. 行内公式: ``\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N``
  1004. </code></pre></div></td></tr></table></div>
  1005. <p>效果如下(在设置页面中启用 LaTeX 才会看到效果):</p>
  1006. <p>块级公式:</p>
  1007. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a>x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}
  1008. </code></pre></div></td></tr></table></div>
  1009. <p>行内公式: <code>\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N</code></p>
  1010. <!-- 注意:为了兼容 MWeb 3,也支持 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
  1011. 和块级语法
  1012. $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
  1013. 但是建议用新的语法。 -->
  1014. <h2 id="mweb-画图">MWeb 画图<a class="headerlink" href="#mweb-画图" title="Permanent link"></a></h2>
  1015. <h3 id="mermaid">mermaid<a class="headerlink" href="#mermaid" title="Permanent link"></a></h3>
  1016. <p>mermaid 是比较流行的画图库,它支持流程图、顺序图和甘特图,它的官网为:<a href="https://mermaidjs.github.io/">https://mermaidjs.github.io/</a> ,在 MWeb 中使用 mermaid 的语法就是声明代码块的语言为 mermaid,代码块中再写上 mermaid 的画图语法即可,你可以把下面的语法复制到 MWeb 中查看效果。</p>
  1017. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
  1018. <span class="normal"> 2</span>
  1019. <span class="normal"> 3</span>
  1020. <span class="normal"> 4</span>
  1021. <span class="normal"> 5</span>
  1022. <span class="normal"> 6</span>
  1023. <span class="normal"> 7</span>
  1024. <span class="normal"> 8</span>
  1025. <span class="normal"> 9</span>
  1026. <span class="normal">10</span>
  1027. <span class="normal">11</span>
  1028. <span class="normal">12</span>
  1029. <span class="normal">13</span></pre></div></td><td class="code"><div><pre><span></span><code>```mermaid
  1030. sequenceDiagram
  1031. participant Alice
  1032. participant Bob
  1033. Alice-&gt;John: Hello John, how are you?
  1034. loop Healthcheck
  1035. John-&gt;John: Fight against hypochondria
  1036. end
  1037. Note right of John: Rational thoughts &lt;br/&gt;prevail...
  1038. John--&gt;Alice: Great!
  1039. John-&gt;Bob: How about you?
  1040. Bob--&gt;John: Jolly good!
  1041. ```
  1042. </code></pre></div></td></tr></table></div>
  1043. <p><strong>效果如下:</strong></p>
  1044. <pre class="mermaid"><code>sequenceDiagram
  1045. participant Alice
  1046. participant Bob
  1047. Alice-&gt;John: Hello John, how are you?
  1048. loop Healthcheck
  1049. John-&gt;John: Fight against hypochondria
  1050. end
  1051. Note right of John: Rational thoughts &lt;br/&gt;prevail...
  1052. John--&gt;Alice: Great!
  1053. John-&gt;Bob: How about you?
  1054. Bob--&gt;John: Jolly good!</code></pre>
  1055. <h3 id="echarts">echarts<a class="headerlink" href="#echarts" title="Permanent link"></a></h3>
  1056. <p>echarts 是百度出品的 js 画图库,它的网址为:<a href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org/zh/index.html</a>,功能非常强大,MWeb 支持 echarts 的一些基本的用法,太高级的不支持。你可以将以下语法复制到 MWeb 中进行尝试。你也可以去 <a href="https://echarts.apache.org/examples/zh/index.html">https://echarts.apache.org/examples/zh/index.html</a> 这个网址查看一些例子,要注意的是 MWeb 只能解析 <code>option = {}</code> 这种简单的,不过应该是足够使用了。</p>
  1057. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
  1058. <span class="normal"> 2</span>
  1059. <span class="normal"> 3</span>
  1060. <span class="normal"> 4</span>
  1061. <span class="normal"> 5</span>
  1062. <span class="normal"> 6</span>
  1063. <span class="normal"> 7</span>
  1064. <span class="normal"> 8</span>
  1065. <span class="normal"> 9</span>
  1066. <span class="normal">10</span>
  1067. <span class="normal">11</span>
  1068. <span class="normal">12</span>
  1069. <span class="normal">13</span>
  1070. <span class="normal">14</span>
  1071. <span class="normal">15</span></pre></div></td><td class="code"><div><pre><span></span><code>```echarts
  1072. option = {
  1073. xAxis: {
  1074. type: &#39;category&#39;,
  1075. data: [&#39;Mon&#39;, &#39;Tue&#39;, &#39;Wed&#39;, &#39;Thu&#39;, &#39;Fri&#39;, &#39;Sat&#39;, &#39;Sun&#39;]
  1076. },
  1077. yAxis: {
  1078. type: &#39;value&#39;
  1079. },
  1080. series: [{
  1081. data: [820, 932, 901, 934, 1290, 1330, 1320],
  1082. type: &#39;line&#39;
  1083. }]
  1084. };
  1085. ```
  1086. </code></pre></div></td></tr></table></div>
  1087. <p><strong>效果如下:</strong></p>
  1088. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1"> 1</a></span>
  1089. <span class="normal"><a href="#__codelineno-7-2"> 2</a></span>
  1090. <span class="normal"><a href="#__codelineno-7-3"> 3</a></span>
  1091. <span class="normal"><a href="#__codelineno-7-4"> 4</a></span>
  1092. <span class="normal"><a href="#__codelineno-7-5"> 5</a></span>
  1093. <span class="normal"><a href="#__codelineno-7-6"> 6</a></span>
  1094. <span class="normal"><a href="#__codelineno-7-7"> 7</a></span>
  1095. <span class="normal"><a href="#__codelineno-7-8"> 8</a></span>
  1096. <span class="normal"><a href="#__codelineno-7-9"> 9</a></span>
  1097. <span class="normal"><a href="#__codelineno-7-10">10</a></span>
  1098. <span class="normal"><a href="#__codelineno-7-11">11</a></span>
  1099. <span class="normal"><a href="#__codelineno-7-12">12</a></span>
  1100. <span class="normal"><a href="#__codelineno-7-13">13</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a>option = {
  1101. <a id="__codelineno-7-2" name="__codelineno-7-2"></a> xAxis: {
  1102. <a id="__codelineno-7-3" name="__codelineno-7-3"></a> type: &#39;category&#39;,
  1103. <a id="__codelineno-7-4" name="__codelineno-7-4"></a> data: [&#39;Mon&#39;, &#39;Tue&#39;, &#39;Wed&#39;, &#39;Thu&#39;, &#39;Fri&#39;, &#39;Sat&#39;, &#39;Sun&#39;]
  1104. <a id="__codelineno-7-5" name="__codelineno-7-5"></a> },
  1105. <a id="__codelineno-7-6" name="__codelineno-7-6"></a> yAxis: {
  1106. <a id="__codelineno-7-7" name="__codelineno-7-7"></a> type: &#39;value&#39;
  1107. <a id="__codelineno-7-8" name="__codelineno-7-8"></a> },
  1108. <a id="__codelineno-7-9" name="__codelineno-7-9"></a> series: [{
  1109. <a id="__codelineno-7-10" name="__codelineno-7-10"></a> data: [820, 932, 901, 934, 1290, 1330, 1320],
  1110. <a id="__codelineno-7-11" name="__codelineno-7-11"></a> type: &#39;line&#39;
  1111. <a id="__codelineno-7-12" name="__codelineno-7-12"></a> }]
  1112. <a id="__codelineno-7-13" name="__codelineno-7-13"></a>};
  1113. </code></pre></div></td></tr></table></div>
  1114. <h3 id="脚注footnote">脚注(Footnote)<a class="headerlink" href="#脚注footnote" title="Permanent link"></a></h3>
  1115. <p>Markdown 语法:</p>
  1116. <div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a>这是一个脚注:[^1]
  1117. </code></pre></div></td></tr></table></div>
  1118. <p>效果如下:</p>
  1119. <p>这是一个脚注:<sup id="fnref:1"><a class="footnote-ref" href="#fn:1">1</a></sup></p>
  1120. <h3 id="注释和阅读更多">注释和阅读更多<a class="headerlink" href="#注释和阅读更多" title="Permanent link"></a></h3>
  1121. <!-- comment -->
  1122. <!-- more -->
  1123. <p><strong>注</strong> 阅读更多的功能只用在文档库生成静态网站或发布到 Wordpress 博客时,插入时注意要后空一行。</p>
  1124. <div class="footnote">
  1125. <hr />
  1126. <ol>
  1127. <li id="fn:1">
  1128. <p>这里是脚注信息&#160;<a class="footnote-backref" href="#fnref:1" title="Jump back to footnote 1 in the text">&#8617;</a></p>
  1129. </li>
  1130. </ol>
  1131. </div>
  1132. <!--
  1133. Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
  1134. Permission is hereby granted, free of charge, to any person obtaining a copy
  1135. of this software and associated documentation files (the "Software"), to
  1136. deal in the Software without restriction, including without limitation the
  1137. rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
  1138. sell copies of the Software, and to permit persons to whom the Software is
  1139. furnished to do so, subject to the following conditions:
  1140. The above copyright notice and this permission notice shall be included in
  1141. all copies or substantial portions of the Software.
  1142. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  1143. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  1144. FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
  1145. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  1146. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  1147. FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  1148. IN THE SOFTWARE.
  1149. -->
  1150. <!-- Determine feedback configuration -->
  1151. <!-- Determine whether to show feedback -->
  1152. <!-- Was this page helpful? -->
  1153. <form class="md-feedback" name="feedback" hidden>
  1154. <fieldset>
  1155. <legend class="md-feedback__title">
  1156. 此页面有帮助吗?
  1157. </legend>
  1158. <div class="md-feedback__inner">
  1159. <!-- Feedback ratings -->
  1160. <div class="md-feedback__list">
  1161. <button
  1162. class="md-feedback__icon md-icon"
  1163. type="submit"
  1164. title="This page was helpful"
  1165. data-md-value="1"
  1166. >
  1167. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 9v12H1V9h4m4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21H9m0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03V19Z"/></svg>
  1168. </button>
  1169. <button
  1170. class="md-feedback__icon md-icon"
  1171. type="submit"
  1172. title="This page could be improved"
  1173. data-md-value="0"
  1174. >
  1175. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 15V3h4v12h-4M15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3h9m0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97V5Z"/></svg>
  1176. </button>
  1177. </div>
  1178. <!-- Feedback rating notes (shown after submission) -->
  1179. <div class="md-feedback__note">
  1180. <div data-md-value="1" hidden>
  1181. <!-- Determine title -->
  1182. <!-- Replace {url} and {title} placeholders in note -->
  1183. 谢谢你的反馈!
  1184. </div>
  1185. <div data-md-value="0" hidden>
  1186. <!-- Determine title -->
  1187. <!-- Replace {url} and {title} placeholders in note -->
  1188. Thanks for your feedback! Help us improve this page by using our <a href="https://marketingplatform.google.com/about/analytics/" target="_blank" rel="noopener">feedback form</a>.
  1189. </div>
  1190. </div>
  1191. </div>
  1192. </fieldset>
  1193. </form>
  1194. <!--
  1195. Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
  1196. Permission is hereby granted, free of charge, to any person obtaining a copy
  1197. of this software and associated documentation files (the "Software"), to
  1198. deal in the Software without restriction, including without limitation the
  1199. rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
  1200. sell copies of the Software, and to permit persons to whom the Software is
  1201. furnished to do so, subject to the following conditions:
  1202. The above copyright notice and this permission notice shall be included in
  1203. all copies or substantial portions of the Software.
  1204. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  1205. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  1206. FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
  1207. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  1208. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  1209. FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  1210. IN THE SOFTWARE.
  1211. -->
  1212. <!-- Comment system -->
  1213. </article>
  1214. </div>
  1215. <script>var tabs=__md_get("__tabs");if(Array.isArray(tabs))e:for(var set of document.querySelectorAll(".tabbed-set")){var tab,labels=set.querySelector(".tabbed-labels");for(tab of tabs)for(var label of labels.getElementsByTagName("label"))if(label.innerText.trim()===tab){var input=document.getElementById(label.htmlFor);input.checked=!0;continue e}}</script>
  1216. </div>
  1217. <button type="button" class="md-top md-icon" data-md-component="top" hidden>
  1218. <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 8v12Z"/></svg>
  1219. 回到页面顶部
  1220. </button>
  1221. </main>
  1222. <!--
  1223. Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
  1224. Permission is hereby granted, free of charge, to any person obtaining a copy
  1225. of this software and associated documentation files (the "Software"), to
  1226. deal in the Software without restriction, including without limitation the
  1227. rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
  1228. sell copies of the Software, and to permit persons to whom the Software is
  1229. furnished to do so, subject to the following conditions:
  1230. The above copyright notice and this permission notice shall be included in
  1231. all copies or substantial portions of the Software.
  1232. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  1233. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  1234. FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
  1235. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  1236. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  1237. FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  1238. IN THE SOFTWARE.
  1239. -->
  1240. <!-- Footer -->
  1241. <footer class="md-footer">
  1242. <!-- Link to previous and/or next page -->
  1243. <nav
  1244. class="md-footer__inner md-grid"
  1245. aria-label="页脚"
  1246. >
  1247. <!-- Link to previous page -->
  1248. <a
  1249. href="../markdown/"
  1250. class="md-footer__link md-footer__link--prev"
  1251. aria-label="上一页: Markdown指南"
  1252. >
  1253. <div class="md-footer__button md-icon">
  1254. <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 11h12Z"/></svg>
  1255. </div>
  1256. <div class="md-footer__title">
  1257. <span class="md-footer__direction">
  1258. 上一页
  1259. </span>
  1260. <div class="md-ellipsis">
  1261. Markdown指南
  1262. </div>
  1263. </div>
  1264. </a>
  1265. <!-- Link to next page -->
  1266. <a
  1267. href="../../git/"
  1268. class="md-footer__link md-footer__link--next"
  1269. aria-label="下一页: Git 实用技巧"
  1270. >
  1271. <div class="md-footer__title">
  1272. <span class="md-footer__direction">
  1273. 下一页
  1274. </span>
  1275. <div class="md-ellipsis">
  1276. Git 实用技巧
  1277. </div>
  1278. </div>
  1279. <div class="md-footer__button md-icon">
  1280. <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 11H4Z"/></svg>
  1281. </div>
  1282. </a>
  1283. </nav>
  1284. <!-- Further information -->
  1285. <div class="md-footer-meta md-typeset">
  1286. <div class="md-footer-meta__inner md-grid">
  1287. <div class="md-copyright">
  1288. <div class="md-copyright__highlight">
  1289. Copyright &copy; 2022~2023 Wcowin/All Rights Reserved.
  1290. </div>
  1291. Made with
  1292. <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
  1293. Material for MkDocs
  1294. </a>
  1295. </div>
  1296. <!-- Social links -->
  1297. <center>
  1298. <footer>
  1299. <a href="https://icp.gov.moe/?keyword=20230640" target="_blank">萌ICP备20230640号</a>
  1300. </footer>
  1301. </center>
  1302. <div class="md-social">
  1303. <a href="https://twitter.com/wcowin_" target="_blank" rel="noopener" title="twitter.com" class="md-social__link">
  1304. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"/></svg>
  1305. </a>
  1306. <a href="https://github.com/Wcowin" target="_blank" rel="noopener" title="github.com" class="md-social__link">
  1307. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M165.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.6zm-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.3zm44.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.9zM244.8 8C106.1 8 0 113.3 0 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.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.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-1zm-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.7zm32.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-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
  1308. </a>
  1309. <a href="mailto:<wangkewen821@gmail.com>" target="_blank" rel="noopener" title="" class="md-social__link">
  1310. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>
  1311. </a>
  1312. <a href="https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0" target="_blank" rel="noopener" title="space.bilibili.com" class="md-social__link">
  1313. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 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 2023 Fonticons, Inc.--><path d="M488.6 104.1c16.7 18.1 24.4 39.7 23.3 65.7v202.4c-.4 26.4-9.2 48.1-26.5 65.1-17.2 17-39.1 25.9-65.5 26.7H92.02c-26.45-.8-48.21-9.8-65.28-27.2C9.682 419.4.767 396.5 0 368.2V169.8c.767-26 9.682-47.6 26.74-65.7C43.81 87.75 65.57 78.77 92.02 78h29.38L96.05 52.19c-5.75-5.73-8.63-13-8.63-21.79 0-8.8 2.88-16.06 8.63-21.797C101.8 2.868 109.1 0 117.9 0s16.1 2.868 21.9 8.603L213.1 78h88l74.5-69.397C381.7 2.868 389.2 0 398 0c8.8 0 16.1 2.868 21.9 8.603 5.7 5.737 8.6 12.997 8.6 21.797 0 8.79-2.9 16.06-8.6 21.79L394.6 78h29.3c26.4.77 48 9.75 64.7 26.1zm-38.8 69.7c-.4-9.6-3.7-17.4-10.7-23.5-5.2-6.1-14-9.4-22.7-9.8H96.05c-9.59.4-17.45 3.7-23.58 9.8-6.14 6.1-9.4 13.9-9.78 23.5v194.4c0 9.2 3.26 17 9.78 23.5s14.38 9.8 23.58 9.8H416.4c9.2 0 17-3.3 23.3-9.8 6.3-6.5 9.7-14.3 10.1-23.5V173.8zm-264.3 42.7c6.3 6.3 9.7 14.1 10.1 23.2V273c-.4 9.2-3.7 16.9-9.8 23.2-6.2 6.3-14 9.5-23.6 9.5-9.6 0-17.5-3.2-23.6-9.5-6.1-6.3-9.4-14-9.8-23.2v-33.3c.4-9.1 3.8-16.9 10.1-23.2 6.3-6.3 13.2-9.6 23.3-10 9.2.4 17 3.7 23.3 10zm191.5 0c6.3 6.3 9.7 14.1 10.1 23.2V273c-.4 9.2-3.7 16.9-9.8 23.2-6.1 6.3-14 9.5-23.6 9.5-9.6 0-17.4-3.2-23.6-9.5-7-6.3-9.4-14-9.7-23.2v-33.3c.3-9.1 3.7-16.9 10-23.2 6.3-6.3 14.1-9.6 23.3-10 9.2.4 17 3.7 23.3 10z"/></svg>
  1314. </a>
  1315. </div>
  1316. </div>
  1317. </div>
  1318. </footer>
  1319. </div>
  1320. <div class="md-dialog" data-md-component="dialog">
  1321. <div class="md-dialog__inner md-typeset"></div>
  1322. </div>
  1323. <script id="__config" type="application/json">{"base": "../../..", "features": ["announce.dismiss", "navigation.tracking", "navigation.tabs", "navigation.sections", "navigation.top", "navigation.footer", "search.suggest", "search.highlight", "search.share", "navigation.expand", "navigation.indexes", "content.tabs.link", "content.tooltips", "content.code.copy", "content.action.edit", "content.action.view", "content.code.annotate"], "search": "../../../assets/javascripts/workers/search.a264c092.min.js", "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"}}</script>
  1324. <script src="../../../assets/javascripts/bundle.726fbb30.min.js"></script>
  1325. <script src="../../../javascripts/extra.js"></script>
  1326. <script src="../../../javascripts/mathjax.js"></script>
  1327. <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
  1328. <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
  1329. <script src="../../../ckplayer/js/ckplayer.js"></script>
  1330. <script src="https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js"></script>
  1331. <script src="https://cdn.jsdelivr.net/npm/mermaid@10.0.2/dist/add-html-label-6e56ed67.min.js"></script>
  1332. <script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
  1333. </body>
  1334. </html>