Cao Note

外观

Markdown 语法 ​

一、常用选项 ​

  1. 标题： 一个#代表一级标题，等同于 h1~h6

  2. 加粗文本：**印象笔记**

  3. 斜体：*印象*

  4. 引用文本：>

  5. 高亮：`高亮文本`

  6. 标记：==文本==

  7. 列表：

    • 无序列表：*、+、-
    • 有序列表：1.空格

  8. 下划线：<u>印象</u>

  9. 添加颜色和字体大小：<font color=red size=18>哈哈</font>

  10. 上标：<sup>

  11. 下标：<sub>

  12. 删除线：~~印象~~

  13. 分隔线：***或---

  14. 插入行内代码或代码块：```语言

  15. 插入链接：[百度](www.baidu.com)

  16. 插入图片：![image](地址) 支持网络图片

    本地图片控制大小：图片名@w=300h=200

  17. 插入数字公式：```math

  18. 设置目录：[TOC]

  19. 空格：

    半方大的空白：&ensp;或&#8194;

    全方大的空白：&emsp;或&#8195;

    不断行的空白：&nbsp;或&#160;

  20. 脚注：

    [^自定义变量]

生成一个脚注1[^footnote].
[^footnote]: 这里是 **脚注** 的 *内容*.
生成一个脚注2[^foot].
[^foot]:这里是**脚注2**的*内容*.
生成一个脚注1[^footnote].
[^footnote]: 这里是 **脚注** 的 *内容*.
生成一个脚注2[^foot].
[^foot]:这里是**脚注2**的*内容*.

二、待办事项 ​

*[ ] 第一只青蛙

三、插入表格 ​

  • 使用|符号，---来区分标题
| 帐户类型 | 免费帐户 | 标准帐户 | 高级帐户 |
| --- | --- | --- | --- |
| 帐户流量 | 60M | 1GB | 10GB |
| 设备数目 | 2台 | 无限制 | 无限制 |
| 当前价格 | 免费 | ￥8.17/月 | ￥12.33/月|
| 帐户类型 | 免费帐户 | 标准帐户 | 高级帐户 |
| --- | --- | --- | --- |
| 帐户流量 | 60M | 1GB | 10GB |
| 设备数目 | 2台 | 无限制 | 无限制 |
| 当前价格 | 免费 | ￥8.17/月 | ￥12.33/月|
帐户类型免费帐户标准帐户高级帐户
帐户流量60M1GB10GB
设备数目2 台无限制无限制
当前价格免费￥ 8.17/月￥ 12.33/月

四、插入图表 chart ​

```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,

type: pie
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
​```
```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,

type: pie
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
​```

五、Mermaid 图表（主流 Markdown 编辑器支持） ​

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```
```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

时序图 ​

```mermaid
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
```
```mermaid
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
```

甘特图 ​

```mermaid
gantt
    title 项目计划
    dateFormat  YYYY-MM-DD
    section 设计
    需求分析     :done, 2024-01-01, 7d
    原型设计     :active, 2024-01-08, 5d
```
```mermaid
gantt
    title 项目计划
    dateFormat  YYYY-MM-DD
    section 设计
    需求分析     :done, 2024-01-01, 7d
    原型设计     :active, 2024-01-08, 5d
```

六、其他常用语法 ​

任务列表 ​

markdown
- [x] 已完成任务
- [ ] 未完成任务
- [ ] 待办任务
- [x] 已完成任务
- [ ] 未完成任务
- [ ] 待办任务

锚点链接 ​

markdown
[跳转到标题](#标题名称)
[跳转到标题](#标题名称)

折叠详情 ​

markdown
<details>
<summary>点击展开</summary>
这里是隐藏内容
</details>
<details>
<summary>点击展开</summary>
这里是隐藏内容
</details>

自定义容器（Vitepress/VuePress） ​

markdown
::: tip 提示
这是一个提示
:::

::: warning 注意
这是一个警告
:::

::: danger 危险
这是一个危险提示
:::
::: tip 提示
这是一个提示
:::

::: warning 注意
这是一个警告
:::

::: danger 危险
这是一个危险提示
:::

Copyright © 2024-present xiaocao