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

H₂O

content center

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：

• info badge
• tip badge
• warning badge
• danger badge

icons：

• home -
• vscode -
• twitter -

demo wrapper：

Demo

main

aside

code block：

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

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 groups：

tab1

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

tab2

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

code highlight：

function foo() {
  const a = 1

  console.log(a)

  const b = 2
  const c = 3

  console.log(a + b + c)
  console.log(a + b)
}

code focus：

function foo() {
  const a = 1
}

注

note content link inline code

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

関連情報

content link inline code

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

ヒント

content link inline code

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

注意

content link inline code

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

警告

content link inline code

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

重要

content link inline code

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

GFM alert：

注

note

関連情報

info

ヒント

tip

注意

warning

警告

caution

重要

important

code demo:

Demo

A normal demo

HTML

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

Javascript

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

CSS

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

tab card：

title 1

content block

title 2

content block

注意

title 1

content block

title 2

content block

footnote：

footnote 1 link^[1]。

footnote 2 link^[2]。

inline footnote ^[3] definition。

Repeated footnote definition^[2:1]。

---

1. footnote you can contain special mark

   also can contain paragraph ↩︎

2. footnote content. ↩︎ ↩︎

3. ^first ↩︎

変更履歴

2026/01/09 12:40

全ての変更履歴を表示

• f8f53-add database section日 2026/01/09

著作権

著作権者：Sakurajiamai

ライセンス：表示-非営利-改変禁止 4.0 国際 (CC-BY-NC-ND-4.0)

貢献者: SakurajimMai

前のページ初心者向けVPNセットアップガイド（3x-ui編）

次のページCustom Component