页面示例

欢迎语

欢迎来到深度笔记示例页面。这是一个示例页面，主要是为了展示深度笔记的编辑功能。

行内样式

这是加粗的文字

这是倾斜的文字

这是带下划线的文字

这是带删除线的文字

这是一个链接：深度笔记

块状

有序列表

这是一个有序列表
1. 这是一个有序列表
2. 这是一个有序列表
这是一个有序列表
1. 这是一个有序列表
这是一个有序列表
1. 这是一个有序列表

无序列表

这是一个无序列表
- 这是一个无序列表
  - 这是一个无序列表
这是一个无序列表
- 这是一个无序列表
- 这是一个无序列表
这是一个无序列表

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

扩展组件

公式

二次方程求根公式：

指数与下标：

高斯积分：

极限定义：

麦克斯韦方程组 (微分形式)：

待办事项

TODO 1

TODO 2

TODO 3

提示块

提示：输入 `/` 可以快速插入标题、表格、图表等组件。

注意：删除页面前，请先确认其中没有仍需保留的内容。

成功：页面内容已自动保存。

错误：网络连接中断时，请等待恢复后再刷新页面。

折叠面板

点击查看快捷提示

输入 `/` 可以快速插入组件。
拖动块左侧手柄可以调整内容顺序。

白板

{"scene":{"elements":[{"id":"title","type":"text","x":255,"y":20,"width":210,"height":35,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":201,"version":1,"versionNonce":201,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"fontSize":28,"fontFamily":1,"text":"从灵感到行动","textAlign":"center","verticalAlign":"middle","containerId":null,"originalText":"从灵感到行动","lineHeight":1.25,"autoResize":true},{"id":"idea","type":"rectangle","x":40,"y":100,"width":200,"height":110,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#ffec99","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":3},"seed":202,"version":1,"versionNonce":202,"isDeleted":false,"boundElements":[],"updated":1,"link":null,"locked":false},{"id":"idea-text","type":"text","x":65,"y":140,"width":150,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":203,"version":1,"versionNonce":203,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"fontSize":22,"fontFamily":1,"text":"1. 捕捉灵感","textAlign":"center","verticalAlign":"middle","containerId":null,"originalText":"1. 捕捉灵感","lineHeight":1.25,"autoResize":true},{"id":"organize","type":"rectangle","x":320,"y":100,"width":200,"height":110,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#a5d8ff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":3},"seed":204,"version":1,"versionNonce":204,"isDeleted":false,"boundElements":[],"updated":1,"link":null,"locked":false},{"id":"organize-text","type":"text","x":345,"y":140,"width":150,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":205,"version":1,"versionNonce":205,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"fontSize":22,"fontFamily":1,"text":"2. 整理笔记","textAlign":"center","verticalAlign":"middle","containerId":null,"originalText":"2. 整理笔记","lineHeight":1.25,"autoResize":true},{"id":"action","type":"rectangle","x":600,"y":100,"width":200,"height":110,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#b2f2bb","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":3},"seed":206,"version":1,"versionNonce":206,"isDeleted":false,"boundElements":[],"updated":1,"link":null,"locked":false},{"id":"action-text","type":"text","x":625,"y":140,"width":150,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":207,"version":1,"versionNonce":207,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"fontSize":22,"fontFamily":1,"text":"3. 转化行动","textAlign":"center","verticalAlign":"middle","containerId":null,"originalText":"3. 转化行动","lineHeight":1.25,"autoResize":true},{"id":"flow-1","type":"arrow","x":250,"y":155,"width":60,"height":0,"angle":0,"strokeColor":"#6741d9","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":3,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":2},"seed":208,"version":1,"versionNonce":208,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[60,0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow","elbowed":false},{"id":"flow-2","type":"arrow","x":530,"y":155,"width":60,"height":0,"angle":0,"strokeColor":"#6741d9","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":3,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":2},"seed":209,"version":1,"versionNonce":209,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[60,0]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow","elbowed":false},{"id":"review","type":"rectangle","x":320,"y":300,"width":200,"height":100,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"#e5dbff","fillStyle":"solid","strokeWidth":2,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":3},"seed":210,"version":1,"versionNonce":210,"isDeleted":false,"boundElements":[],"updated":1,"link":null,"locked":false},{"id":"review-text","type":"text","x":345,"y":335,"width":150,"height":27.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":211,"version":1,"versionNonce":211,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"fontSize":22,"fontFamily":1,"text":"每周回顾","textAlign":"center","verticalAlign":"middle","containerId":null,"originalText":"每周回顾","lineHeight":1.25,"autoResize":true},{"id":"flow-3","type":"arrow","x":690,"y":220,"width":160,"height":120,"angle":0,"strokeColor":"#2b8a3e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":3,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":2},"seed":212,"version":1,"versionNonce":212,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[-160,120]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow","elbowed":false},{"id":"flow-4","type":"arrow","x":310,"y":340,"width":170,"height":120,"angle":0,"strokeColor":"#2b8a3e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":3,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":{"type":2},"seed":213,"version":1,"versionNonce":213,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"points":[[0,0],[-170,-120]],"lastCommittedPoint":null,"startBinding":null,"endBinding":null,"startArrowhead":null,"endArrowhead":"arrow","elbowed":false},{"id":"loop-note","type":"text","x":280,"y":430,"width":280,"height":22.5,"angle":0,"strokeColor":"#1e1e1e","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":214,"version":1,"versionNonce":214,"isDeleted":false,"boundElements":null,"updated":1,"link":null,"locked":false,"fontSize":18,"fontFamily":1,"text":"回顾结果进入下一轮记录","textAlign":"center","verticalAlign":"middle","containerId":null,"originalText":"回顾结果进入下一轮记录","lineHeight":1.25,"autoResize":true}],"appState":{"viewBackgroundColor":"#ffffff","theme":"light"},"files":{}}}

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?

Markmap 脑图

# 深度笔记 ## 记录 ### 富文本 ### 待办事项 ## 组织 ### 双向链接 ### 知识库 ## 表达 ### 公式 ### 图表与白板

智能表格

甘特视图