事例

提示

这是一条提示

注意

这是一条注意

警告

这是一条警告

笔记

这是笔记容器，在 v1.5.0 + 版本才支持哦~

我的提示

自定义标题的提示框

# 我是居中的内容

（可用于标题、图片等的居中）

我是右浮动的内容 (opens new window)

牛顿第一定律

假若施加于某物体的外力为零，则该物体的运动速度不变。

来自维基百科 (opens new window)

《静夜思》

床前明月光，疑是地上霜。举头望明月，低头思故乡。

Vdoing

🚀一款简洁高效的VuePress 知识管理&博客(blog) 主题

- name: 《静夜思》
  desc: 床前明月光，疑是地上霜。举头望明月，低头思故乡。
  bgColor: '#F0DFB1'
  textColor: '#242A38'
- name: Vdoing
  desc: 🚀一款简洁高效的VuePress 知识管理&博客(blog) 主题
  link: https://github.com/xugaoyi/vuepress-theme-vdoing
  bgColor: '#DFEEE7'
  textColor: '#2A3344'

1
2
3
4
5
6
7
8
9

# Tab选项

yarn add vuepress-theme-vdoing -D

npm install vuepress-theme-vdoing -D

// Make sure to add code blocks to your code group

# 代码引用

console.log('这是一个详情块')

# 无序列表

结构化：看重知识的条理性和实用性，有一定专业背景才能看懂
碎片化：描述具体的知识点，通俗易懂
体系化：对某一领域的完整解读，通常是某类知识的专业之作

# 有序列表

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

# 折叠列表

点击查看

这是一个详情块，在 IE / Edge 中不生效

console.log('这是一个详情块')

# 无序中嵌套

测试1:
- text- string
- type - string, 可选值： tip | warning | error，默认： tip
- vertical - string, 可选值： top | middle，默认： top
测试2:
- text- string
- type - string, 可选值： tip | warning | error，默认： tip
- vertical - string, 可选值： top | middle，默认： top

# 说明

说明订单

# 加重

vuepress

# 文本高亮

Vdoing是一款简洁高效的 <mark>知识管理&博客</mark> 主题

# 标记

内置标记: beta Vdoing主题译文 dd
外置标记:

# 链接地址

vuepress文档 (opens new window)

# 图片链接

vuepress文档

# 标记

《沁园春·雪》摘北国风光注释，千里冰封，万里雪飘。

译文: 北方的风光。

# 表格

属性	值	描述
content	some text	定义与http-equiv或name属性相关的元信息
content	some text	定义与http-equiv或name属性相关的元信息
content	some text

微信赞赏	微信	支付宝
微信	微信	微信
<!--

猫1

猫2

猫3

猫4

# 卡片列表

# 普通卡片

麋鹿鲁哟

大道至简，知易行难

XAOXUU

#IOS #Volantis主题作者

平凡的你我

理想成为大牛的小陈同学

- name: 麋鹿鲁哟
  desc: 大道至简，知易行难
  avatar: https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200122153807.jpg # 可选
  link: https://www.cnblogs.com/miluluyo/ # 可选
  bgColor: '#CBEAFA' # 可选，默认var(--bodyBg)。颜色值有#号时请添加单引号
  textColor: '#6854A1' # 可选，默认var(--textColor)
- name: XAOXUU
  desc: '#IOS #Volantis主题作者'
  avatar: https://fastly.jsdelivr.net/gh/xaoxuu/assets@master/avatar/avatar.png
  link: https://xaoxuu.com
  bgColor: '#718971'
  textColor: '#fff'
- name: 平凡的你我
  desc: 理想成为大牛的小陈同学
  avatar: https://reinness.com/avatar.png
  link: https://reinness.com
  bgColor: '#FCDBA0'
  textColor: '#A05F2C'

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

《静夜思》

床前明月光，疑是地上霜。举头望明月，低头思故乡。

Vdoing

🚀一款简洁高效的VuePress 知识管理&博客(blog) 主题

- name: 《静夜思》
  desc: 床前明月光，疑是地上霜。举头望明月，低头思故乡。
  bgColor: '#F0DFB1'
  textColor: '#242A38'
- name: Vdoing
  desc: 🚀一款简洁高效的VuePress 知识管理&博客(blog) 主题
  link: https://github.com/xugaoyi/vuepress-theme-vdoing
  bgColor: '#DFEEE7'
  textColor: '#2A3344'

1
2
3
4
5
6
7
8
9

MyBatis-Plus官网

🚀为简化开发而生

Deepin 社区

Deepin 应用开发技术分享、DTK开发经验等

VForm官网

低代码表单优选方案，拖拽式设计，一键生成源码

# - name: OpenHarmony
#   desc: 开放原子开源基金会
#   link: https://docs.openharmony.cn/pages/000000/
#   bgColor: '#f1f1f1'
#   textColor: '#2A3344'
- name: MyBatis-Plus官网
  desc: 🚀为简化开发而生
  link: https://baomidou.com/
  bgColor: '#f1f1f1'
  textColor: '#2A3344'
- name: Deepin 社区
  desc: Deepin 应用开发技术分享、DTK开发经验等
  link: https://docs.deepin.org
  bgColor: '#f1f1f1'
  textColor: '#2A3344'
- name: VForm官网
  desc: 低代码表单优选方案，拖拽式设计，一键生成源码
  link: http://www.vform666.com
  bgColor: '#f1f1f1'
  textColor: '#2A3344'

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# 图文卡片

Vdoing's blog

Vdoing主题演示-博客

Evan Xu

Teler的日常

好好学习，天天向上

Teler

xustudyxu's Blog

一起学习编程!

xustudyxu

xustudyxu's Blog

一起学习编程!

xustudyxu

config:
    target: _blank
    imgHeight: 150px
    objectFit: cover
    lineClamp: 1

data:
  - img: https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200530114034.png
    link: https://xugaoyi.github.io/vdoing-demo-blog/
    name: Vdoing's blog
    desc: Vdoing主题演示-博客
    author: Evan Xu
    avatar: https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg
  - img: https://s4.ax1x.com/2022/02/25/bAjINF.png
    link: https://fangweilong.github.io/
    name: Teler的日常
    desc: 好好学习，天天向上
    author: Teler
    avatar: https://s4.ax1x.com/2022/02/25/bAva8J.jpg
  - img: https://user-images.githubusercontent.com/53399655/163007243-1b99b96b-cac3-49ca-9950-03a1e877a6d8.png
    link: https://xustudyxu.github.io/
    name: xustudyxu's Blog
    desc: 一起学习编程!
    author: xustudyxu
    avatar: https://xustudyxu.github.io/img/01.png
  - img: https://user-images.githubusercontent.com/53399655/163007243-1b99b96b-cac3-49ca-9950-03a1e877a6d8.png
    link: https://xustudyxu.github.io/
    name: xustudyxu's Blog
    desc: 一起学习编程!
    author: xustudyxu
    avatar: https://xustudyxu.github.io/img/01.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

背景色过渡

#说明

上次更新: 2024/10/09, 16:59:47