diff --git a/docs/widget.md b/docs/widget.md
index 86707d37..2e6ce2de 100644
--- a/docs/widget.md
+++ b/docs/widget.md
@@ -1 +1,50 @@
# 如何在Widget新增界面
+
+阅读文档前, 请先阅读 go-cli 文档
+
+在Widget列表页, 我们设有一个组, 名叫 **Developer**, 这个分组的作用是用来展示第三方作者提交的内容. 正常情况下会显示以下内容
+
+
+
+
+## 新建 Page
+
+在项目的根目录下使用 **goCLi createPage** 固定命令, 按照命令行提示信息. 输入新建界面的相关信息
+
+```
+goCli createPage
+```
+参考:
+
+按照以上操作会得到以下信息输出:
+```
+{
+ 界面位于 : lib/standard_pages/standard_for_slider_sanfan_8ab2b5c2_42ae_4241_9c8a_5c9e1f92b096
+ Id : 8ab2b5c2_42ae_4241_9c8a_5c9e1f92b096
+ 文件夹名称 : standard_for_slider_sanfan_8ab2b5c2_42ae_4241_9c8a_5c9e1f92b096
+}
+
+```
+
+### 字段注意事项
+
+**name** 必须**英文开头**, 统一用小写的英文字母，数字和下划线的组合，不得包含汉字空格和特殊字符, 需要与文章内容相关
+
+**title** 可以为中文或者英文, 不可以使用特殊字符, 需要与文章内容相关
+
+**author** 可以为中文英文以及任意组合, 但是不得有歧义, 暴力, 辱骂等词汇, 否则可能会被拒绝合并
+
+**desc** 新增界面的简要描述, 需要对添加的界面进行简要描述, 方便后期搜索引擎采集
+
+**email** 创建者的邮箱
+
+## 查看创建的 Page
+
+为了能正确的加载出新的界面, 建议重新启动当前项目. 在**Widget -> Developer -> 本地代码**中,您可以找到您新建的界面
+
+
+
+
+## 编辑界面
+
+为了能动态的将**markdown**转化成**可识别**的内容, 需要在您项目中调用 **goCli watch**, 然后打开 **lib/standard_pages/standard_for_slider_sanfan_8ab2b5c2_42ae_4241_9c8a_5c9e1f92b096/index.md**,