-
Notifications
You must be signed in to change notification settings - Fork 0
/
markdown-examples.html
56 lines (54 loc) · 20 KB
/
markdown-examples.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Markdown Extension Examples | 静水楼台</title>
<meta name="description" content="A VitePress Site">
<meta name="generator" content="VitePress v1.2.2">
<link rel="preload stylesheet" href="/assets/style.Dsxo__y1.css" as="style">
<script type="module" src="/assets/app.C6N6brQn.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.C6jertZK.js">
<link rel="modulepreload" href="/assets/chunks/theme.Q3ihGwoc.js">
<link rel="modulepreload" href="/assets/markdown-examples.md.ClQMPoHM.lean.js">
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-41e8be72><!--[--><!--]--><!--[--><span tabindex="-1" data-v-403b34f4></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-403b34f4> Skip to content </a><!--]--><!----><header class="VPNav" data-v-41e8be72 data-v-e75c828d><div class="VPNavBar top" data-v-e75c828d data-v-8dd71d78><div class="wrapper" data-v-8dd71d78><div class="container" data-v-8dd71d78><div class="title" data-v-8dd71d78><div class="VPNavBarTitle" data-v-8dd71d78 data-v-f6236270><a class="title" href="/" data-v-f6236270><!--[--><!--]--><!----><!----><!--[--><!--]--></a></div></div><div class="content" data-v-8dd71d78><div class="content-body" data-v-8dd71d78><!--[--><!--]--><div class="VPNavBarSearch search" data-v-8dd71d78><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-8dd71d78 data-v-fd4c8781><span id="main-nav-aria-label" class="visually-hidden" data-v-fd4c8781>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/" tabindex="0" data-v-fd4c8781 data-v-ca770222><!--[--><span data-v-ca770222>主页</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-fd4c8781 data-v-da01661c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-da01661c><span class="text" data-v-da01661c><!----><span data-v-da01661c>前端</span><span class="vpi-chevron-down text-icon" data-v-da01661c></span></span></button><div class="menu" data-v-da01661c><div class="VPMenu" data-v-da01661c data-v-4656436b><div class="items" data-v-4656436b><!--[--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->Vue<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->React<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->Android<!--]--></span></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-fd4c8781 data-v-da01661c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-da01661c><span class="text" data-v-da01661c><!----><span data-v-da01661c>后端</span><span class="vpi-chevron-down text-icon" data-v-da01661c></span></span></button><div class="menu" data-v-da01661c><div class="VPMenu" data-v-da01661c data-v-4656436b><div class="items" data-v-4656436b><!--[--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->MQ<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->Redis<!--]--></span></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-fd4c8781 data-v-da01661c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-da01661c><span class="text" data-v-da01661c><!----><span data-v-da01661c>微服务</span><span class="vpi-chevron-down text-icon" data-v-da01661c></span></span></button><div class="menu" data-v-da01661c><div class="VPMenu" data-v-da01661c data-v-4656436b><div class="items" data-v-4656436b><!--[--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->Spring Cloud<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->Service Mesh<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->Docker<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->k8s<!--]--></span></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-fd4c8781 data-v-da01661c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-da01661c><span class="text" data-v-da01661c><!----><span data-v-da01661c>其它</span><span class="vpi-chevron-down text-icon" data-v-da01661c></span></span></button><div class="menu" data-v-da01661c><div class="VPMenu" data-v-da01661c data-v-4656436b><div class="items" data-v-4656436b><!--[--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><a class="VPLink link" href="/tools/Git%E7%AC%94%E8%AE%B0.html" data-v-963e7a45><!--[-->Git<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><a class="VPLink link" href="/tools/Maven%E7%AC%94%E8%AE%B0.html" data-v-963e7a45><!--[-->Maven<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->语言<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->杂<!--]--></span></div><!--]--><!--[--><div class="VPMenuLink" data-v-4656436b data-v-963e7a45><span class="VPLink" data-v-963e7a45><!--[-->方案设计<!--]--></span></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-8dd71d78 data-v-31419d3d><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-31419d3d data-v-97b1538b data-v-10ac9a07><span class="check" data-v-10ac9a07><span class="icon" data-v-10ac9a07><!--[--><span class="vpi-sun sun" data-v-97b1538b></span><span class="vpi-moon moon" data-v-97b1538b></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-8dd71d78 data-v-4aea72c8 data-v-c48a77dc><!--[--><a class="VPSocialLink no-icon" href="https://github.com/vuejs/vitepress" aria-label="github" target="_blank" rel="noopener" data-v-c48a77dc data-v-4f038324><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-8dd71d78 data-v-7a5a60f5 data-v-da01661c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-da01661c><span class="vpi-more-horizontal icon" data-v-da01661c></span></button><div class="menu" data-v-da01661c><div class="VPMenu" data-v-da01661c data-v-4656436b><!----><!--[--><!--[--><!----><div class="group" data-v-7a5a60f5><div class="item appearance" data-v-7a5a60f5><p class="label" data-v-7a5a60f5>Appearance</p><div class="appearance-action" data-v-7a5a60f5><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-7a5a60f5 data-v-97b1538b data-v-10ac9a07><span class="check" data-v-10ac9a07><span class="icon" data-v-10ac9a07><!--[--><span class="vpi-sun sun" data-v-97b1538b></span><span class="vpi-moon moon" data-v-97b1538b></span><!--]--></span></span></button></div></div></div><div class="group" data-v-7a5a60f5><div class="item social-links" data-v-7a5a60f5><div class="VPSocialLinks social-links-list" data-v-7a5a60f5 data-v-c48a77dc><!--[--><a class="VPSocialLink no-icon" href="https://github.com/vuejs/vitepress" aria-label="github" target="_blank" rel="noopener" data-v-c48a77dc data-v-4f038324><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-8dd71d78 data-v-8b1b27ae><span class="container" data-v-8b1b27ae><span class="top" data-v-8b1b27ae></span><span class="middle" data-v-8b1b27ae></span><span class="bottom" data-v-8b1b27ae></span></span></button></div></div></div></div><div class="divider" data-v-8dd71d78><div class="divider-line" data-v-8dd71d78></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-41e8be72 data-v-13941054><div class="container" data-v-13941054><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-13941054 data-v-b5f027b0><button data-v-b5f027b0>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-41e8be72 data-v-4c7856c6><div class="VPDoc has-aside" data-v-4c7856c6 data-v-54e61e03><!--[--><!--]--><div class="container" data-v-54e61e03><div class="aside" data-v-54e61e03><div class="aside-curtain" data-v-54e61e03></div><div class="aside-container" data-v-54e61e03><div class="aside-content" data-v-54e61e03><div class="VPDocAside" data-v-54e61e03 data-v-f245b7e5><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-f245b7e5 data-v-e57a11cf><div class="content" data-v-e57a11cf><div class="outline-marker" data-v-e57a11cf></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e57a11cf>目录</div><ul class="VPDocOutlineItem root" data-v-e57a11cf data-v-1c0a706d><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-f245b7e5></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-54e61e03><div class="content-container" data-v-54e61e03><!--[--><!--]--><main class="main" data-v-54e61e03><div style="position:relative;" class="vp-doc _markdown-examples" data-v-54e61e03><div><h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to "Markdown Extension Examples""></a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to "Syntax Highlighting""></a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```js{4}</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> () {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'Highlighted!'</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```</span></span></code></pre></div><p><strong>Output</strong></p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> () {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line highlighted"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> msg: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'Highlighted!'</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="custom-containers" tabindex="-1">Custom Containers <a class="header-anchor" href="#custom-containers" aria-label="Permalink to "Custom Containers""></a></h2><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: info</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">This is an info box.</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: tip</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">This is a tip.</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: warning</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">This is a warning.</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: danger</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">This is a dangerous warning.</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: details</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">This is a details block.</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre></div><p><strong>Output</strong></p><div class="info custom-block"><p class="custom-block-title">INFO</p><p>This is an info box.</p></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>This is a tip.</p></div><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>This is a warning.</p></div><div class="danger custom-block"><p class="custom-block-title">DANGER</p><p>This is a dangerous warning.</p></div><details class="details custom-block"><summary>Details</summary><p>This is a details block.</p></details><h2 id="more" tabindex="-1">More <a class="header-anchor" href="#more" aria-label="Permalink to "More""></a></h2><p>Check out the documentation for the <a href="https://vitepress.dev/guide/markdown" target="_blank" rel="noreferrer">full list of markdown extensions</a>.</p></div></div></main><footer class="VPDocFooter" data-v-54e61e03 data-v-98758174><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-41e8be72 data-v-5a830141><div class="container" data-v-5a830141><!----><p class="copyright" data-v-5a830141>Copyright © 2024-present flyup</p></div></footer><!--[--><!--]--></div></div>
<script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CN8Pr7XH\",\"index.md\":\"BDx7Co48\",\"tools_idea笔记.md\":\"CE52obq3\",\"markdown-examples.md\":\"ClQMPoHM\",\"tools_gradle笔记.md\":\"D69W1cAv\",\"tools_jenkins笔记.md\":\"Duh5dcLy\",\"tools_maven笔记.md\":\"gqv0BwnT\",\"tools_git笔记.md\":\"B6vngqqK\",\"tools_sonarqube笔记.md\":\"DJczLg3K\",\"tools_vagrant_vagrant入门.md\":\"DoAlfabo\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"静水楼台\",\"description\":\"A VitePress Site\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"\",\"siteTitle\":\"\",\"outlineTitle\":\"目录\",\"outline\":[2,6],\"nav\":[{\"text\":\"主页\",\"link\":\"/\"},{\"text\":\"前端\",\"items\":[{\"text\":\"Vue\",\"link\":\"\"},{\"text\":\"React\",\"link\":\"\"},{\"text\":\"Android\",\"link\":\"\"}]},{\"text\":\"后端\",\"items\":[{\"text\":\"MQ\",\"link\":\"\"},{\"text\":\"Redis\",\"link\":\"\"}]},{\"text\":\"微服务\",\"items\":[{\"text\":\"Spring Cloud\",\"link\":\"\"},{\"text\":\"Service Mesh\",\"link\":\"\"},{\"text\":\"Docker\",\"link\":\"\"},{\"text\":\"k8s\",\"link\":\"\"}]},{\"text\":\"其它\",\"items\":[{\"text\":\"Git\",\"link\":\"tools/Git笔记\"},{\"text\":\"Maven\",\"link\":\"tools/Maven笔记\"},{\"text\":\"语言\",\"link\":\"\"},{\"text\":\"杂\",\"link\":\"\"},{\"text\":\"方案设计\",\"link\":\"\"}]}],\"sidebar\":{\"/tools1111/\":[{\"text\":\"Examples\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"Markdown Examples\",\"link\":\"/markdown-examples\"},{\"text\":\"Runtime API Examples\",\"link\":\"/api-examples\"},{\"text\":\"入门\",\"link\":\"\"},{\"text\":\"进阶\",\"link\":\"\"}]},{\"text\":\"Examples2\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"FAQ\",\"link\":\"\"},{\"text\":\"最佳实践\",\"link\":\"\"}]}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/vuejs/vitepress\"}],\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}},\"footer\":{\"copyright\":\"Copyright © 2024-present flyup\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
</body>
</html>