示例
main
aside
Markdown
标题H2
标题H3
标题H4
标题H5
标题H6
标题2 Badge Badge
标题3 Badge Badge
标题4 Badge Badge
正文内容。
@property CSS at-rule是 CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。
@property 的出现，极大的增强了 CSS 的能力。
加粗：加粗文字
斜体： 斜体文字
删除文字
内容 标记
数学表达式： $-(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}$
19th
H2O
内容居中
内容右对齐
- 无序列表1
- 无序列表2
- 无序列表3
- 有序列表1
- 有序列表2
- 有序列表3
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
引用内容
引用内容
Badge：
- info badge
- tip badge
- warning badge
- danger badge
图标：
- home -
- vscode -
- twitter -
示例容器：
代码：
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.',
}
}
}
}
}代码分组：
tab1
const a = 1
const b = 2
const c = a + btab2
const a: number = 1
const b: number = 2
const c: number = a + b代码块高亮：
function foo() {
const a = 1
console.log(a)
const b = 2
const c = 3
console.log(a + b + c)
console.log(a + b)
}代码块聚焦：
function foo() {
const a = 1
}仅标题
详细标题
这里是内容。
GFM alert：
笔记
note
信息
info
提示
tip
警告
warning
注意
caution
重要
important
代码演示：
:::: demo title="常规示例" desc="一个常规示例"
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 = aCSS
#app {
font-size: 2em;
text-align: center;
}::::
选项卡：
标题1
内容区块
标题2
内容区块
注意
标题1
内容区块
标题2
内容区块
脚注：
脚注 1 链接[1]。
脚注 2 链接[2]。
行内的脚注[3] 定义。
重复的页脚定义[2:1]。