vuepress-theme-plume/cli/templates/docs/en/blog/preview/markdown.md

title, tags

title	tags
Markdown	markdown

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Bold: Bold text

Italic: Italic text

Deleted text

Content ==Highlight==

Mathematical expression: -(2^{n-1}) ~ 2^{n-1} -1

$\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right}$

19^th^

H2O

::: center content center :::

::: right content right :::

• Unordered List 1
• Unordered List 2
• Unordered List 3

1. Ordered List 1
2. Ordered List 2
3. Ordered List 3

• Task List 1
• Task List 2
• Task List 3
• Task List 4

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

quote content

quote content

links

outside links

Badge：

icons：

• home -
• vscode -
• twitter -

demo wrapper：

::: window title="Demo" height="200px"

main

aside

:::

code block：

const a = 1
const b = 2
const c = a + b

// [!code word:obj]
const obj = {
  toLong: {
    deep: {
      deep: {
        deep: {
          value: 'this is to long text. this is to long text. this is to long text. this is to long text.', // [!code highlight]
        }
      }
    }
  }
}

code groups：

::: code-tabs @tab tab1

const a = 1
const b = 2
const c = a + b

@tab tab2

const a: number = 1
const b: number = 2
const c: number = a + b

:::

code highlight：

function foo() {
  const a = 1 // [!code highlight]

  console.log(a)

  const b = 2 // [!code ++]
  const c = 3 // [!code --]

  console.log(a + b + c) // [!code error]
  console.log(a + b) // [!code warning]
}

code focus：

function foo() {
  const a = 1 // [!code focus]
}

::: note note content link inline code

const a = 1
const b = 2
const c = a + b

:::

::: info content link inline code

const a = 1
const b = 2
const c = a + b

:::

::: tip content link inline code

const a = 1
const b = 2
const c = a + b

:::

::: warning content link inline code

const a = 1
const b = 2
const c = a + b

:::

::: caution content link inline code

const a = 1
const b = 2
const c = a + b

:::

::: important content link inline code

const a = 1
const b = 2
const c = a + b

:::

GFM alert：

Note

note

[!info] info

Tip

tip

Warning

warning

Caution

caution

Important

important

code demo:

:::: demo title="Demo" desc="A normal demo"

::: code-tabs @tab HTML

<div id="app">
  <h3>vuepress-theme-plume</h3>
</div>

@tab Javascript

const a = 'So Awesome!'
const app = document.querySelector('#app')
app.appendChild(window.document.createElement('small')).textContent = a

@tab CSS

#app {
  font-size: 2em;
  text-align: center;
}

::: ::::

tab card：

::: tabs @tab title 1 content block

@tab title 2 content block :::

:::: warning ::: tabs @tab title 1 content block

@tab title 2 content block ::: ::::

footnote：

footnote 1 link¹。

footnote 2 link²。

inline footnote ^¹ definition。

Repeated footnote definition²。

---

1. footnote you can contain special mark

   also can contain paragraph ↩︎

2. footnote content. ↩︎