编写文档

HappySimple2024年4月21日

1. 图片

单图居左

图1.箱图

::: left
![](/assets/image/box.svg =100x100)
<span alt="figure-left" style="width: 100px;">图1.箱图</span>
:::

单图居中

图1.箱图

::: center
![](/assets/image/box.svg =100x100)
<span alt="figure-center">图1.箱图</span>
:::

多图居左

图1.箱图

::: left
![](/assets/image/box.svg =100x100)
![](/assets/image/box.svg =100x100)
<span alt="figure-left" style="width: 200px;">图1.箱图</span>
:::

多图居中

图1.箱图

::: center
![](/assets/image/box.svg =100x100)
![](/assets/image/box.svg =100x100)
<span alt="figure-center">图1.箱图</span>
:::

暗色显示

![](/assets/image/boxk.svg#dark=100x100)

2. 表格

居左

表1.ABC

A	B	C
001	002	003
004	005	006
007	008	009

::: left
<p alt="table-left" style="width: 510px;">表1.ABC</p>

|  A   |  B   |  C   |
| :--: | :--: | :--: |
| 001  | 002  | 003  |
| 004  | 005  | 006  |
| 007  | 008  | 009  |

{width=510px}
:::

居中

表1.ABC

A	B	C
001	002	003
004	005	006
007	008	009

::: center
<p alt="table-center" style="width: 510px;">表1.ABC</p>

|  A   |  B   |  C   |
| :--: | :--: | :--: |
| 001  | 002  | 003  |
| 004  | 005  | 006  |
| 007  | 008  | 009  |

{width=510px style="margin:0 auto"}
:::

3. 公式

4. 文本

红色、蓝色、绿色、黄色、下划线

<span alt="red">红色</span>
<span alt="blue">蓝色</span>
<span alt="green">绿色</span>
<span alt="yellow">黄色</span>
<span alt="underline">下划线</span>

5. 徽标

重要信息注释提示警告危险

# vertical = "top" | "middle" | "baseline" | "bottom"
<Badge text="重要" vertical="baseline"  type="important"/>
<Badge text="信息" vertical="baseline" type="info"/>
<Badge text="注释" vertical="baseline" type="note"/>
<Badge text="提示" vertical="baseline" type="tip"/>
<Badge text="警告" vertical="baseline" type="warning"/>
<Badge text="危险" vertical="baseline" type="danger"/>

6. 选项卡

Title-1

Content-1

Title-2

Content-2

Title-1

Content-1

Title-2

Content-2

::: tabs#f1

@tab Title-1
Content-1

@tab Title-2
Content-2

:::

::: tabs#f1

@tab Title-1
Content-1

@tab Title-2
Content-2

:::

7. 代码块

matlab

file_path = fullfile(pwd, 'TEC.nc');
% 读取变量
lon = ncread(file_path, 'lon');
lat = ncread(file_path, 'lat');
tec = ncread(file_path, 'TEC')';  % 此处需要转置
% 读取属性
year = ncreadatt(file_path, '/', 'year');

C++

int main() {
// 预定义变量
unsigned int m = 1;
std::string str;

// 函数调用
uitostr(m, str, 3);

// 输出结果
std::cout << str << std::endl;
  
return 0;
}

::: code-tabs

@tab:active matlab

```matlab:collapsed-lines=3
file_path = fullfile(pwd, 'TEC.nc');
% 读取变量
lon = ncread(file_path, 'lon');
lat = ncread(file_path, 'lat');
tec = ncread(file_path, 'TEC')';  % 此处需要转置
% 读取属性
year = ncreadatt(file_path, '/', 'year');
```

@tab C++

```C++{4}
int main() {
// 预定义变量
unsigned int m = 1;
std::string str;

// 函数调用
uitostr(m, str, 3);

// 输出结果
std::cout << str << std::endl;
  
return 0;
}
```

:::

8. 提示容器

自定义提示

自定义信息

自定义注释

自定义警告

自定义危险

自定义重要

自定义标题

自定义内容

::: tip 自定义提示
:::

::: info 自定义信息
:::

::: note 自定义注释
:::

::: warning 自定义警告
:::

::: caution 自定义危险
:::

::: important 自定义重要
:::

::: details 自定义标题
自定义内容
:::

9. 提示信息

<MyTip text="提示测试" tip="提示文本"/>

10. 属性支持

这里有一个红色边框

这里有一个**红色边框**{style="border: 1.5px solid red"}

11. 内容卡片

Mr.Hope

Where there is light, there is hope

Mr.Hope

Where there is light, there is hope

<VPCard  title="Mr.Hope"  
         desc="Where there is light, there is hope"  
         logo="https://mister-hope.com/logo.svg"  
         link="https://mister-hope.com"  
         background="rgba(253, 230, 138, 0.15)" />

```component VPCard 
title: Mr.Hope 
desc: Where there is light, there is hope 
logo: https://mister-hope.com/logo.svg 
link: https://mister-hope.com 
background: rgba(253, 230, 138, 0.15) 
```

12. ArtPlayer

<ArtPlayer src="/assets/video/equation.mp4" />

13. 参考文献

这里有一个参考文献！[^1]
[^1]: 参考文献