Use notebook (byzer-org#52)

* add pics

* how to use notebook

byzer-notebook/zh-cn/workspace/notebook.md

@@ -1,6 +1,50 @@
+# 使用笔记本
 
+在工作区页面，您可以创建、编辑或运行笔记本。
 
+### 操作笔记本
 
+在笔记本的上方，有一排操作按钮，如下图所示：
 
-<img src="images/clear.png" style="zoom:50%;" />  的地方释放根深蒂固是非观是非观风格 这是一个图标
+<p align="center">
+    <img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/operation.png" alt="name"  width="800"/>
+</p>
+
+他们的操作含义分别是：
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/edit.png" style="zoom:50%;" />  **新建 / 克隆 / 删除 / 重命名笔记本**：可以在当前笔记本主界面下创建新的笔记本，也可以克隆、重命名和删除当前笔记本；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/save.png" style="zoom:50%;" />  **保存**： 保存当前编辑；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/add.png" style="zoom:50%;" />  **新增单元格**：在笔记本内新增一个单元格；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/run.png" style="zoom:50%;" />  **运行**：运行光标所在的单元格；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/runnext.png" style="zoom:50%;" />  **运行下一个**：运行光标所在的单元格的下一个单元格；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/runall.png" style="zoom:50%;" />  **运行所有**：运行笔记本内的所有单元格；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/trash.png" style="zoom:50%;" />  **删除**：删除光标所在的单元格；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/clear.png" style="zoom:50%;" />  **清楚所有结果**：清楚运行笔记本后的结果；
+
+<img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/markdown.png" style="zoom:50%;" />  **选择语言**：选择单元格内的语言，支持 Kolo、Python、Markdown 语言；
+
+<p align="center">
+    <img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/shortcut2.png" alt="name"  width="800"/>
+</p>
+
+**显示快捷帮助**：您可以通过快捷键操作笔记本，如切换到编辑模式、运行单元格等，点击**显示快捷帮助**按钮将提示所有可用的快捷操作。
+
+
+
+### 编辑笔记本
+
+您可以在笔记本内创建多个单元格，在不同单元格中写不同的语句以完成各项操作。鼠标悬浮在单元格上将在右侧显示**运行**按钮，点击后将运行单元格内的代码，运行后您可以查询结果、任务详情或日志信息，您也可以下载运行结果到 CSV 文件，如下图所示：
+
+<p align="center">
+    <img src="https://raw.githubusercontent.com/byzer-org/byzer-doc/main/byzer-notebook/zh-cn/workspace/images/cell.png" alt="name"  width="800"/>
+</p>
+
+鼠标悬浮在单元格左侧，点击出现的 ➕ 按钮，您可以快速添加一个单元格，将添加在光标所在单元格的下方，你也可以托住当前单元格上下滑动以调整所有单元格的顺序。