示例文档

约 2123 字大约 7 分钟

2025-11-19

1.测试基本语法

本文档仅作为测试和模板来使用：开发者可以基于这个文档中进行测试，贡献者可以基于这个文档中进行编写。

粗体、斜体、高亮、引用

无序列表
无序列表
无序列表

有序列表
有序列表
有序列表

include <iostream>
int main() {
    auto text = "Hello Would!";
    std::cout << text << std::endl;
    return 0;
}

2.测试拓展语法

2.1.数学公式

x = {-b \pm \sqrt{b^2-4ac} \over 2a}

2.2.箴言加强

警告

警告：

注意

注意：

重要

补充：

提示

区别：

注

吐槽：

2.2.媒体载体

2.3.高亮加强

一个提示一个警告一个错误重要内容

2.4.隐秘文本

不能偷看

2.5.注释加强

中国古代 四大名著 家喻户晓。

《三国演义》：

以三国时期的历史为背景，描写了魏、蜀、吴三国之间的政治、军事斗争，塑造了诸葛亮、曹操、关羽、刘备等众多历史人物形象。

《西游记》：

讲述了唐僧师徒四人（孙悟空、猪八戒、沙僧、白龙马）西天取经的故事，充满了神话色彩和奇幻冒险。

《红楼梦》：

以贾、史、王、薛四大家族的兴衰为背景，描写了贾宝玉、林黛玉、薛宝钗等人的爱情悲剧，展现了封建社会的腐朽与没落。

《水浒传》：

描写了北宋末年以宋江为首的108位好汉在梁山泊聚义，反抗朝廷的故事，展现了官逼民反的社会现实。

2.6.使用步骤

步骤 1
```
console.log('Hello World!')
```
步骤 2
这里是步骤 2 的相关内容
步骤 3
提示
提示容器
结束

2.7.文件目录

docs

.vuepress

config.ts

page1.md

README.md

theme一个主题目录

client

components

Navbar.vue

composables

useNavbar.ts

styles

navbar.css

config.ts

node

package.json

pnpm-lock.yaml

.gitignore

README.md

…

2.8.内容卡片

卡片标题 1

这里是卡片内容。

卡片标题 2

这里是卡片内容。

链接卡片

这里是卡片内容

链接卡片

阿尔凡齐纳灯塔，阿尔加维，葡萄牙

Andreas Kunz | 2024年8月16日

今天照片中的灯塔位于葡萄牙南部海岸阿尔加维的卡沃埃罗。阿尔凡齐纳灯塔建于1919年，照耀着大海，帮助船只在该地区周围危险的水域航行。这座灯塔是著名的旅游胜地，同时也是该地区与海洋紧密联系的象征。如果你有幸住在灯塔附近，那么本周末就是拜访灯塔的最佳时机。

阿尔凡齐纳灯塔，阿尔加维，葡萄牙

Andreas Kunz | 2024年8月16日

...

阿尔凡齐纳灯塔，阿尔加维，葡萄牙

Andreas Kunz | 2024年8月16日

...

2.9.代码选项

npm

npm i

pnpm

pnpm i

npm

npm i

pnpm

pnpm i

2.10.时间轴线

节点一

正文内容

2025-03-20

节点二

正文内容

2025-02-21

节点三

正文内容

2025-01-22

2.11.折叠面板

标题 1

标题 2

2.12.页面测试

2.13.对话记录

标题

2025-03-24 10:15:00

用户一

用户一的消息

本人的消息

用户二

用户二的消息

本人的消息

2.14.内容注释

站点由 VuePress 驱动。

VuePress 是一个静态站点生成器 (SSG) 。专为构建快速、以内容为中心的站点而设计。

中国古代 四大名著 家喻户晓。

2.15.流程图表

2.16.思维图表

2.17.静态图表

块状图案例

2.18.动态图标

待补充...

2.19.码块加强

export default { // Highlighted
  data () {
    return {
      msg: `Highlighted!
      This line isn't highlighted,
      but this and the next 2 are.`,
      motd: 'VitePress is awesome',
      lorem: 'ipsum' // 聚焦语法在不同的语言代码块中，应该使用该语言的有效的行注释语法
    }
  }
}

export default {
  data () {
    return {
      error: 'Removed',
      warning: 'Added'
    }
  }
}

2.20.版本标签

VuePress - v2
VuePress - v2
VuePress - v2
VuePress - v2
VuePress - v2

2.21.容器布局

卡片标题

这里是卡片内容。

卡片标题

这里是卡片内容。

卡片标题

2.22.滚动图片

2.23.目录视图

Vue App

src

components

HelloWorld.vue

App.vue

main.ts

package.json

src/components/HelloWorld.vue
<template>
  <div class="hello">
    <h1>Hello World</h1>
  </div>
</template>
src/App.vue
<template>
  <div id="app">
    <h3>vuepress-theme-plume</h3>
    <HelloWorld />
  </div>
</template>
src/main.ts
import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')
package.json
{
  "name": "Vue App",
  "scripts": {
    "dev": "vite"
  }
}

2.24.表格加强

Header 1	Header 2	Header 3
Cell 1	Cell 2	Cell 3
Row 2	Data	Info

这是表格标题

Header 1	Header 2	Header 3
Cell 1	Cell 2	Cell 3
Row 2	Data	Info

这是表格标题

ID	Description	Status
1	This is an extremely long description that should trigger text wrapping in most table implementations.	In Progress
2	Short text	✅ Completed

这是表格标题

Header 1	Header 2	Header 3
Cell 1	Cell 2	Cell 3
Row 2	Data	Info

row1	row1	row1
row2	row2	row2
row3	row3	row3
row4	row4	row4

这是表格标题

col1	col2	col3	col4
col1	col2	col3	col4
col1	col2	col3	col4
col1	col2	col3	col4

这是表格标题

(1,1)	(1,2)	(1,3)	(1,4)
(2,1)	(2,2)	(2,3)	(2,4)
(3,1)	(3,2)	(3,3)	(3,4)
(4,1)	(4,2)	(4,3)	(4,4)

这是表格标题

2.25.字段展示

字段名Required类型

默认值

字段描述信息

字段名Required类型

默认值

字段描述信息

字段名Required类型

默认值

字段描述信息

更新日志

2025/12/4 10:44

查看所有更新日志

ba07e-提交新的临时文件，同时解决因为复制文件导致部署出错的问题于 2025/12/4
b780f-学习新的建模例子于 2025/11/30
0522d-修改贡献者列表，考虑后续使用贡献者墙壁于 2025/11/24
76d23-修复一些显示bug于 2025/11/20
decd3-升级成功，提交部署于 2025/11/20
6e6aa-项目大更新于 2025/11/20
ceb48-引入友情链接于 2025/11/19
48ac2-再次多加了一些可使用的语法于 2025/11/19
39256-添加一些测试语法于 2025/11/19
883bc-去除一些格式不正确的文件于 2025/4/30

版权所有

版权归属：limou3434

许可证：署名 4.0 国际 (CC-BY-4.0)

示例文档

本站公告