外观
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 -
demo wrapper:
main
aside
代码:
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
}仅标题
提示
提示内容 link inline code
详细标题
这里是内容。
GFM alert:
笔记
note
信息
info
提示
tip你好
警告
warning
注意
caution
重要
important
代码演示:
常规示例
一个常规示例
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]。