@wilboerht/blog-template
Version:
A modern bilingual blog template built with VitePress
10 lines (9 loc) • 8.62 kB
JavaScript
import{_ as s}from"./chunks/vue-logo.Bj3P4SZR.js";import{_ as i,c as e,a as t,o as l}from"./chunks/framework.D3nGTGqI.js";const m=JSON.parse('{"title":"Markdown Examples","description":"Showcase various Markdown usage in VitePress","frontmatter":{"title":"Markdown Examples","date":"2024-01-20T00:00:00.000Z","tags":["Markdown","Tutorial"],"description":"Showcase various Markdown usage in VitePress"},"headers":[],"relativePath":"posts/markdown-examples.md","filePath":"posts/markdown-examples.md"}'),n={name:"posts/markdown-examples.md"};function o(r,a,h,d,p,c){return l(),e("div",null,a[0]||(a[0]=[t(`<h1 id="markdown-examples" tabindex="-1">Markdown Examples <a class="header-anchor" href="#markdown-examples" aria-label="Permalink to "Markdown Examples""></a></h1><p>This article demonstrates various ways to use Markdown in VitePress.</p><h2 id="basic-syntax" tabindex="-1">Basic Syntax <a class="header-anchor" href="#basic-syntax" aria-label="Permalink to "Basic Syntax""></a></h2><h3 id="headers" tabindex="-1">Headers <a class="header-anchor" href="#headers" aria-label="Permalink to "Headers""></a></h3><div class="language-markdown vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;"># h1 Header</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">## h2 Header</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;">### h3 Header</span></span></code></pre></div><h3 id="emphasis" tabindex="-1">Emphasis <a class="header-anchor" href="#emphasis" aria-label="Permalink to "Emphasis""></a></h3><ul><li><strong>Bold</strong></li><li><em>Italic</em></li><li><em><strong>Bold and Italic</strong></em></li><li><s>Strikethrough</s></li></ul><h3 id="lists" tabindex="-1">Lists <a class="header-anchor" href="#lists" aria-label="Permalink to "Lists""></a></h3><p>Ordered List:</p><ol><li>First item</li><li>Second item</li><li>Third item</li></ol><p>Unordered List:</p><ul><li>Item one</li><li>Item two</li><li>Item three</li></ul><h3 id="blockquotes" tabindex="-1">Blockquotes <a class="header-anchor" href="#blockquotes" aria-label="Permalink to "Blockquotes""></a></h3><blockquote><p>This is a blockquote.</p><p>This is the second paragraph in the blockquote.</p></blockquote><h2 id="extended-syntax" tabindex="-1">Extended Syntax <a class="header-anchor" href="#extended-syntax" aria-label="Permalink to "Extended Syntax""></a></h2><h3 id="tables" tabindex="-1">Tables <a class="header-anchor" href="#tables" aria-label="Permalink to "Tables""></a></h3><table tabindex="0"><thead><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr></thead><tbody><tr><td>Cell 1</td><td>Cell 2</td><td>Cell 3</td></tr><tr><td>Cell 4</td><td>Cell 5</td><td>Cell 6</td></tr></tbody></table><h3 id="code-blocks" tabindex="-1">Code Blocks <a class="header-anchor" href="#code-blocks" aria-label="Permalink to "Code Blocks""></a></h3><div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</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;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> hello</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'Hello, VitePress!'</span><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><h3 id="task-lists" tabindex="-1">Task Lists <a class="header-anchor" href="#task-lists" aria-label="Permalink to "Task Lists""></a></h3><ul><li>[x] Completed task</li><li>[ ] Incomplete task</li><li>[ ] Todo item</li></ul><h2 id="special-features" tabindex="-1">Special Features <a class="header-anchor" href="#special-features" aria-label="Permalink to "Special Features""></a></h2><h3 id="containers" tabindex="-1">Containers <a class="header-anchor" href="#containers" aria-label="Permalink to "Containers""></a></h3><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>This is a tip container</p></div><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>This is a warning container</p></div><div class="danger custom-block"><p class="custom-block-title">DANGER</p><p>This is a danger container</p></div><div class="info custom-block"><p class="custom-block-title">INFO</p><p>This is an info container</p></div><h3 id="code-groups" tabindex="-1">Code Groups <a class="header-anchor" href="#code-groups" aria-label="Permalink to "Code Groups""></a></h3><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-TjI2r" id="tab-UdmlVrV" checked><label data-title="config.js" for="tab-UdmlVrV">config.js</label><input type="radio" name="group-TjI2r" id="tab-rlkVkqr"><label data-title="config.ts" for="tab-rlkVkqr">config.ts</label></div><div class="blocks"><div class="language-js vp-adaptive-theme active"><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:#24292E;--shiki-dark:#E1E4E8;"> data: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'Hello'</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</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:#24292E;--shiki-dark:#E1E4E8;"> data: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'Hello'</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">} </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span></span></code></pre></div></div></div><h3 id="images" tabindex="-1">Images <a class="header-anchor" href="#images" aria-label="Permalink to "Images""></a></h3><p><img src="`+s+'" alt="Vue Logo"></p><h3 id="custom-containers" tabindex="-1">Custom Containers <a class="header-anchor" href="#custom-containers" aria-label="Permalink to "Custom Containers""></a></h3><details class="details custom-block"><summary>Click to view more</summary><p>This is hidden content that will be shown when clicked.</p></details><h2 id="math-equations" tabindex="-1">Math Equations <a class="header-anchor" href="#math-equations" aria-label="Permalink to "Math Equations""></a></h2><p>Using KaTeX for math equations:</p><p>$E = mc^2$</p><p>$$ \\frac{n!}{k!(n-k)!} = \\binom{n}{k} $$</p><h2 id="summary" tabindex="-1">Summary <a class="header-anchor" href="#summary" aria-label="Permalink to "Summary""></a></h2><p>These examples showcase the main Markdown features available in VitePress. You can combine these features to create rich documentation content.</p>',39)]))}const b=i(n,[["render",o]]);export{m as __pageData,b as default};