标题H2
-标题H3
-标题H4
-标题H5
-标题H6
-标题2 Badge
-标题3 Badge
-标题4 Badge
-正文内容。
-@property CSS at-rule是 CSS Houdini API
-的一部分，它允许开发者显式地定义他们的 CSS 自定义属性,
-允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。
@property 的出现，极大的增强了 CSS 的能力。
加粗：加粗文字
-斜体： 斜体文字
-删除文字
内容 标记
-数学表达式： ~
--
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：
--
-
-
-
-
-
-
-
-
-
图标：
--
-
- 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.',
- }
- }
- }
- }
-}Code Blocks TwoSlash：
-// @errors: 2339
-const welcome = 'Tudo bem gente?'
-const words = welcome.contains(' ')import express from 'express'
-const app = express()
-app.get('/', (req, res) => {
- res.send
-})
-app.listen(3000)import { createHighlighter } from 'shiki'
-
-const highlighter = await createHighlighter({ themes: ['nord'], langs: ['javascript'] })
-// @log: Custom log message
-const a = 1
-// @error: Custom error message
-const b = 1
-// @warn: Custom warning message
-const c = 1
-// @annotate: Custom annotation message// @errors: 2540
-interface Todo {
- title: string
-}
-
-const todo: Readonly<Todo> = {
- title: 'Delete inactive users'.toUpperCase(),
-// ^?
-}
-
-todo.title = 'Hello'
-
-Number.parseInt('123', 10)
-// ^|
-
-//
-//<script setup lang="ts">
-import { ref } from 'vue'
-
-const count = ref(0)
-</script>
-
-<template>
- <p>{{ count }}</p>
-</template>代码分组：
-const a = 1
-const b = 2
-const c = a + bconst 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="一个常规示例"
-<div id="app">
- <h3>vuepress-theme-plume</h3>
-</div>const a = 'So Awesome!'
-const app = document.querySelector('#app')
-app.appendChild(window.document.createElement('small')).textContent = a#app {
- font-size: 2em;
- text-align: center;
-}::::
-选项卡：
-内容区块
-内容区块
-
-
-标题1标题2
-注意
-内容区块
-内容区块
-脚注：
-脚注 1 链接[1]。
-脚注 2 链接[2]。
-行内的脚注[3] 定义。
-重复的页脚定义[2:1]。
--
主观评分
-
-