页面示例
欢迎语
欢迎来到深度笔记示例页面。这是一个示例页面，主要是为了展示深度笔记的编辑功能。
行内样式
这是加粗的文字
这是倾斜的文字
这是带下划线的文字
这是带删除线的文字
这是一个链接：深度笔记
块状
有序列表
- 这是一个有序列表
- 这是一个有序列表
- 这是一个有序列表
- 这是一个有序列表
- 这是一个有序列表
- 这是一个有序列表
- 这是一个有序列表
无序列表
- 这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
Tips: tab按键可以为有序列表/无序列表 创建层级哦
标题
标题支持从H1~H6，且会根据标题的大小自动生成页面右侧的浮动锚点目录。
这里为了防止破坏锚点目录的层级，就先不演示了1。
引用块
这是一段引用...
代码块
代码块支持数10种语言的代码高亮
export function a1(url, options = {}, req=false) {
switch (method) {
case 'post':
params.body = formUrlencodedData(data);
params.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
break;
case 'get':
url = url + (data ? ('?' + formUrlencodedData(data)) : '');
break;
default:
break;
}
return fetch(url, params).then(parse).catch(errHandle);
}
基础组件
图片
表格
这是一个表格 | 这是一个表格 | 这是一个表格 |
这是一个表格 | 这是一个表格 | 这是一个表格 |
这是一个表格 | 这是一个表格 | 这是一个表格 |
附件
programming php英文版.pdf7902211
扩展组件
公式
二次方程求根公式：
指数与下标：
高斯积分：
极限定义：
麦克斯韦方程组 (微分形式)：
MATH$\begin{cases}
\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0} \\
\nabla \cdot \mathbf{B} = 0 \\
\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t} \\
\nabla \times \mathbf{B} = \mu_0\mathbf{J} + \mu_0\varepsilon_0\frac{\partial \mathbf{E}}{\partial t}
\end{cases}$
\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0} \\
\nabla \cdot \mathbf{B} = 0 \\
\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t} \\
\nabla \times \mathbf{B} = \mu_0\mathbf{J} + \mu_0\varepsilon_0\frac{\partial \mathbf{E}}{\partial t}
\end{cases}$
待办事项
TODO 1
TODO 2
TODO 3
Draw.io
<mxfile host="diagram.notedeep.com" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36" version="29.2.9">
<diagram id="diagram" name="流程图示例">
<mxGraphModel dx="1127" dy="653" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="23" parent="1" style="shape=table;childLayout=tableLayout;startSize=40;collapsible=0;recursiveResize=0;expand=0;fillColor=none;fontStyle=1" value="PERK UP WITH A LATTE" vertex="1">
<mxGeometry height="300" width="670" x="460" y="200" as="geometry" />
</mxCell>
<mxCell id="24" edge="1" parent="23" source="29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="39" value="">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="25" parent="23" style="shape=tableRow;horizontal=0;swimlaneHead=0;swimlaneBody=0;top=0;left=0;bottom=0;right=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;startSize=40;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="Customer" vertex="1">
<mxGeometry height="180" width="670" y="40" as="geometry" />
</mxCell>
<mxCell id="26" parent="25" style="swimlane;swimlaneHead=0;swimlaneBody=0;connectable=0;fillColor=none;startSize=40;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="Feel tired" vertex="1">
<mxGeometry height="180" width="130" x="40" as="geometry">
<mxRectangle height="180" width="130" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="27" edge="1" parent="26" source="28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="29">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="28" parent="26" style="rounded=1;whiteSpace=wrap;html=1;arcSize=50;" value="Start" vertex="1">
<mxGeometry height="40" width="90" x="20" y="60" as="geometry" />
</mxCell>
<mxCell id="29" parent="26" style="rounded=0;whiteSpace=wrap;html=1;" value="Find barista" vertex="1">
<mxGeometry height="40" width="90" x="20" y="120" as="geometry" />
</mxCell>
<mxCell id="30" parent="25" style="swimlane;swimlaneHead=0;swimlaneBody=0;connectable=0;fillColor=none;startSize=40;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="Make transaction" vertex="1">
<mxGeometry height="180" width="370" x="170" as="geometry">
<mxRectangle height="180" width="370" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="31" parent="30" style="rounded=0;whiteSpace=wrap;html=1;" value="Request latte" vertex="1">
<mxGeometry height="40" width="90" x="20" y="120" as="geometry" />
</mxCell>
<mxCell id="32" parent="30" style="rounded=0;whiteSpace=wrap;html=1;" value="Buy latte" vertex="1">
<mxGeometry height="40" width="90" x="150" y="120" as="geometry" />
</mxCell>
<mxCell id="33" parent="25" style="swimlane;swimlaneHead=0;swimlaneBody=0;connectable=0;fillColor=none;startSize=40;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="Feel perky" vertex="1">
<mxGeometry height="180" width="130" x="540" as="geometry">
<mxRectangle height="180" width="130" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="34" edge="1" parent="33" source="35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="36">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="35" parent="33" style="rounded=0;whiteSpace=wrap;html=1;" value="Drink latte" vertex="1">
<mxGeometry height="40" width="90" x="20" y="60" as="geometry" />
</mxCell>
<mxCell id="36" parent="33" style="rounded=1;whiteSpace=wrap;html=1;arcSize=50;" value="End" vertex="1">
<mxGeometry height="40" width="90" x="20" y="120" as="geometry" />
</mxCell>
<mxCell id="37" parent="23" style="shape=tableRow;horizontal=0;swimlaneHead=0;swimlaneBody=0;top=0;left=0;bottom=0;right=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;startSize=40;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="Barista" vertex="1">
<mxGeometry height="80" width="670" y="220" as="geometry" />
</mxCell>
<mxCell id="38" parent="37" style="swimlane;swimlaneHead=0;swimlaneBody=0;connectable=0;fillColor=none;startSize=0;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="" vertex="1">
<mxGeometry height="80" width="130" x="40" as="geometry">
<mxRectangle height="80" width="130" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="39" parent="38" style="rounded=0;whiteSpace=wrap;html=1;" value="Greet customer" vertex="1">
<mxGeometry height="40" width="90" x="20" y="20" as="geometry" />
</mxCell>
<mxCell id="40" parent="37" style="swimlane;swimlaneHead=0;swimlaneBody=0;connectable=0;fillColor=none;startSize=0;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="" vertex="1">
<mxGeometry height="80" width="370" x="170" as="geometry">
<mxRectangle height="80" width="370" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="41" edge="1" parent="40" source="42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="44" value="">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="42" parent="40" style="rounded=0;whiteSpace=wrap;html=1;" value="Accept<br>payment" vertex="1">
<mxGeometry height="40" width="90" x="150" y="20" as="geometry" />
</mxCell>
<mxCell id="43" parent="40" style="shape=document;whiteSpace=wrap;html=1;boundedLbl=1;" value="Write details<br>on cup" vertex="1">
<mxGeometry height="60" width="90" x="20" y="10" as="geometry" />
</mxCell>
<mxCell id="44" parent="40" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" value="Make latte" vertex="1">
<mxGeometry height="40" width="90" x="260" y="20" as="geometry" />
</mxCell>
<mxCell id="45" parent="37" style="swimlane;swimlaneHead=0;swimlaneBody=0;connectable=0;fillColor=none;startSize=0;collapsible=0;recursiveResize=0;expand=0;fontStyle=1;" value="" vertex="1">
<mxGeometry height="80" width="130" x="540" as="geometry">
<mxRectangle height="80" width="130" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="46" edge="1" parent="23" source="39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="31" value="">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="160" y="260" />
<mxPoint x="160" y="180" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="47" edge="1" parent="23" source="31" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="43" value="">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="48" edge="1" parent="23" source="43" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="32" value="">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="300" y="260" />
<mxPoint x="300" y="180" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="49" edge="1" parent="23" source="32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="42" value="">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="50" edge="1" parent="23" source="44" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="35">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="530" y="260" />
<mxPoint x="530" y="120" />
</Array>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
Mermaid
sequenceDiagram
Alice ->> Bob: Hello Bob, how are you?
Bob-->>John: How about you John?
Bob--x Alice: I am good thanks!
Bob-x John: I am good thanks!
Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.
Bob-->Alice: Checking with John...
Alice->John: Yes... John, how are you?
智能表格
甘特视图
