opentiny · xuanlid · Nov 25, 2025 · Nov 26, 2025 · Nov 27, 2025 · Nov 27, 2025
diff --git a/docs/advanced-features/conditional-rendering.md b/docs/advanced-features/conditional-rendering.md
@@ -10,7 +10,7 @@
    ![addvar-15](./imgs/addvar-15.png)
 
 3. 选中组件，在组件属性设置面板选择“高级”。
-4. 单击“是否渲染“后的 ![变量绑定图标](./imgs/icon-code.png)，进行变量绑定。
+4. 单击“是否渲染“后的 ![变量绑定图标](./imgs/icon-code.png)<!-- {.image-inline} -->，进行变量绑定。
 
    **图 2**  绑定变量
 

diff --git a/docs/advanced-features/data-source-and-collection-usage.md b/docs/advanced-features/data-source-and-collection-usage.md
@@ -13,7 +13,7 @@
 2. 点击左上操作区 - 新建数据源
 
     ![Alt text](./imgs/data-source-2.png)
-3. 配置数据源类型（可选对象数组、树结构），配置数据源名称以及数据源字段
+3. 配置数据源类型（可选远程数据源、静态数据源），配置数据源名称以及数据源字段
 4. 保存数据源
 
     ![Alt text](./imgs/data-source-1.png)

diff --git a/docs/advanced-features/imgs/ScreenShot_20241029195609.png b/docs/advanced-features/imgs/ScreenShot_20241029195609.png
diff --git a/docs/advanced-features/imgs/add-Function.png b/docs/advanced-features/imgs/add-Function.png
diff --git a/docs/advanced-features/imgs/addVar-17.png b/docs/advanced-features/imgs/addVar-17.png
diff --git a/docs/advanced-features/imgs/addVar-19.png b/docs/advanced-features/imgs/addVar-19.png
diff --git a/docs/advanced-features/imgs/addvar-15.png b/docs/advanced-features/imgs/addvar-15.png
diff --git a/docs/advanced-features/imgs/ai-assistant-enable-mcp-tools.png b/docs/advanced-features/imgs/ai-assistant-enable-mcp-tools.png
diff --git a/docs/advanced-features/imgs/ai-assistant-fullscreen.png b/docs/advanced-features/imgs/ai-assistant-fullscreen.png
diff --git a/docs/advanced-features/imgs/ai-assistant-interface.png b/docs/advanced-features/imgs/ai-assistant-interface.png
diff --git a/docs/advanced-features/imgs/ai-assistant-mcp-tools-management.png b/docs/advanced-features/imgs/ai-assistant-mcp-tools-management.png
diff --git a/docs/advanced-features/imgs/ai-assistant-open.png b/docs/advanced-features/imgs/ai-assistant-open.png
diff --git a/docs/advanced-features/imgs/ai-assistant-settings.png b/docs/advanced-features/imgs/ai-assistant-settings.png
diff --git a/docs/advanced-features/imgs/ai-assistant-tool-execution-result.png b/docs/advanced-features/imgs/ai-assistant-tool-execution-result.png
diff --git a/docs/advanced-features/imgs/ai-assistant-tool-execution1.png b/docs/advanced-features/imgs/ai-assistant-tool-execution1.png
diff --git a/docs/advanced-features/imgs/ai-assistant-tool-execution2.png b/docs/advanced-features/imgs/ai-assistant-tool-execution2.png
diff --git a/docs/advanced-features/imgs/bindEvent.gif b/docs/advanced-features/imgs/bindEvent.gif
diff --git a/docs/advanced-features/imgs/bindVariable-16.png b/docs/advanced-features/imgs/bindVariable-16.png
diff --git a/docs/advanced-features/imgs/bindVariable-18.png b/docs/advanced-features/imgs/bindVariable-18.png
diff --git a/docs/advanced-features/imgs/blockBaseSetting.png b/docs/advanced-features/imgs/blockBaseSetting.png
diff --git a/docs/advanced-features/imgs/blockExposeAttr.gif b/docs/advanced-features/imgs/blockExposeAttr.gif
diff --git a/docs/advanced-features/imgs/blockexposeattrusage.gif b/docs/advanced-features/imgs/blockexposeattrusage.gif
diff --git a/docs/advanced-features/imgs/canvas-shortcuts-1.png b/docs/advanced-features/imgs/canvas-shortcuts-1.png
diff --git a/docs/advanced-features/imgs/canvas-shortcuts-2.png b/docs/advanced-features/imgs/canvas-shortcuts-2.png
diff --git a/docs/advanced-features/imgs/canvas-shortcuts-3.png b/docs/advanced-features/imgs/canvas-shortcuts-3.png
diff --git a/docs/advanced-features/imgs/canvas-shortcuts-4.png b/docs/advanced-features/imgs/canvas-shortcuts-4.png
diff --git a/docs/advanced-features/imgs/conditionRender.gif b/docs/advanced-features/imgs/conditionRender.gif
diff --git a/docs/advanced-features/imgs/createBlockFromPage.gif b/docs/advanced-features/imgs/createBlockFromPage.gif
diff --git a/docs/advanced-features/imgs/createEmptyBlock.png b/docs/advanced-features/imgs/createEmptyBlock.png
diff --git a/docs/advanced-features/imgs/data-source-1.png b/docs/advanced-features/imgs/data-source-1.png
diff --git a/docs/advanced-features/imgs/data-source-2.png b/docs/advanced-features/imgs/data-source-2.png
diff --git a/docs/advanced-features/imgs/data-source-3.png b/docs/advanced-features/imgs/data-source-3.png
diff --git a/docs/advanced-features/imgs/data-source-4.png b/docs/advanced-features/imgs/data-source-4.png
diff --git a/docs/advanced-features/imgs/data-source-load-1.png b/docs/advanced-features/imgs/data-source-load-1.png
diff --git a/docs/advanced-features/imgs/data-source-load-2.png b/docs/advanced-features/imgs/data-source-load-2.png
diff --git a/docs/advanced-features/imgs/data-source-load-3.png b/docs/advanced-features/imgs/data-source-load-3.png
diff --git a/docs/advanced-features/imgs/dataSource1.png b/docs/advanced-features/imgs/dataSource1.png
diff --git a/docs/advanced-features/imgs/dataSource2.png b/docs/advanced-features/imgs/dataSource2.png
diff --git a/docs/advanced-features/imgs/dataSource3.png b/docs/advanced-features/imgs/dataSource3.png
diff --git a/docs/advanced-features/imgs/dataSource4.png b/docs/advanced-features/imgs/dataSource4.png
diff --git a/docs/advanced-features/imgs/dataSource5.png b/docs/advanced-features/imgs/dataSource5.png
diff --git a/docs/advanced-features/imgs/dataSource6.png b/docs/advanced-features/imgs/dataSource6.png
diff --git a/docs/advanced-features/imgs/dataSource7.png b/docs/advanced-features/imgs/dataSource7.png
diff --git a/docs/advanced-features/imgs/openAiWindow.png b/docs/advanced-features/imgs/openAiWindow.png
diff --git a/docs/advanced-features/imgs/pageJs.png b/docs/advanced-features/imgs/pageJs.png
diff --git a/docs/advanced-features/imgs/pageJsContent.png b/docs/advanced-features/imgs/pageJsContent.png
diff --git a/docs/advanced-features/imgs/pageJsJsxFunc.png b/docs/advanced-features/imgs/pageJsJsxFunc.png
diff --git a/docs/advanced-features/imgs/pageJsMethod.png b/docs/advanced-features/imgs/pageJsMethod.png
diff --git a/docs/advanced-features/imgs/parseJxBindingJsxFunc.png b/docs/advanced-features/imgs/parseJxBindingJsxFunc.png
diff --git a/docs/advanced-features/imgs/parseJxBindingJsxFuncResult.png b/docs/advanced-features/imgs/parseJxBindingJsxFuncResult.png
diff --git a/docs/advanced-features/imgs/state-isLogin为false时.png b/docs/advanced-features/imgs/state-isLogin为false时.png
diff --git a/docs/advanced-features/imgs/state-isLogin为true时.png b/docs/advanced-features/imgs/state-isLogin为true时.png
diff --git a/docs/advanced-features/imgs/use-function.png b/docs/advanced-features/imgs/use-function.png
diff --git a/docs/advanced-features/imgs/use-npm-lodash.png b/docs/advanced-features/imgs/use-npm-lodash.png
diff --git a/docs/advanced-features/imgs/use-npm.png b/docs/advanced-features/imgs/use-npm.png
diff --git a/docs/advanced-features/imgs/useLoop.gif b/docs/advanced-features/imgs/useLoop.gif
diff --git a/docs/advanced-features/imgs/viewRender.png b/docs/advanced-features/imgs/viewRender.png
diff --git a/docs/advanced-features/loop-rendering.md b/docs/advanced-features/loop-rendering.md
@@ -10,7 +10,7 @@
    ![addVar-17](./imgs/addVar-17.png)
 
 3. 选中组件，在组件属性设置面板选择“高级”。
-4. 单击“循环数据“后的![](./imgs/icon-code.png)，进行变量绑定。
+4. 单击“循环数据“后的![](./imgs/icon-code.png)<!-- {.image-inline} -->，进行变量绑定。
 5. 选择绑定的变量，单击“确定”。
 
    **图 2**  绑定变量

diff --git a/docs/advanced-features/new-ai-plugin-usage.md b/docs/advanced-features/new-ai-plugin-usage.md
@@ -14,7 +14,7 @@
 
 ### 2.1 主界面
 
-在编辑器界面左下角插件栏，您可以看到 AI 助手的图标。点击图标即可打开主界面对话窗口。
+在编辑器界面右上角工具栏，您可以看到 AI 助手的图标。点击图标即可打开主界面对话窗口。
 
 ![打开AI助手](./imgs/ai-assistant-open.png)
 
@@ -132,14 +132,21 @@ MCP（Model Connector Protocol）是新版AI插件的核心功能之一。通过
 3. 自动执行创建页面操作
 4. 返回操作结果给用户
 
-工具调用中(以查询天气Mock工具为例)：
+工具调用中：
+
 ![MCP工具调用示例中](./imgs/ai-assistant-tool-execution1.png)
+
 工具调用完成后会返回最终结果，也可以点击展开工具调用参数与结果：
+
 ![MCP工具调用示例结果示例](./imgs/ai-assistant-tool-execution2.png)
 
+用户列表页面创建完成后，可看到如下图所示：
+
+![MCP工具调用后结果示例](./imgs/ai-assistant-tool-execution-result.png)
+
 ## 五、典型使用场景
 
-### 5.1 页面搭建场景 (即将开放)
+### 5.1 页面搭建场景
 
 用户可以通过自然语言描述来生成页面：
 

diff --git a/docs/advanced-features/using-utils-methods.md b/docs/advanced-features/using-utils-methods.md
@@ -79,7 +79,7 @@ cdn 链接就是 npm 包在浏览器直接可用的链接，如：[https://unpkg
 
 假设我们添加了 lodash 工具类
 
-![添加 lodash 工具类示例](./imgs/ScreenShot_20241029195609.png)
+![添加 lodash 工具类示例](./imgs/use-npm-lodash.png)
 
 则实际出码结果为：
 

diff --git a/docs/basic-features/designer-ui-modules.md b/docs/basic-features/designer-ui-modules.md
@@ -14,24 +14,23 @@
 
 如上图所示，设计器顶部的工具栏从左到右包括：
 
-- 菜单按钮，点击可以展开菜单，菜单功能包括：前往物料中心、应用预览、应用发布等功能
 - 面包屑（展示当前编辑页面或区块）
+- 解锁/锁定功能（解锁或锁定当前编辑页面或区块）
 - 多终端工具切换（画布宽度切换）
-- 当前编辑者
+- AI助手（打开AI对话框）
+- 主题切换功能（切换亮色主题或暗色主题）
+- 撤销回退功能，撤销或回退上一步操作
 - 画布清除工具（清空当前画布）
-- 保存功能，保存当前页面或区块数据
-- 下载源代码，将当前数据转换并生成代码到本地
 - 预览功能，打开新 Tab 预览当前页面或区块
-- 撤销回退功能，撤销或回退上一步操作
-- 全屏功能，将当前页面全屏（跟网页全屏功能一样）
-- 设置功能，点击可展开左侧页面或区块的设置插件，管理当前页面或者区块
-- 画布中英文切换，点击可切换画布中英文，测试国际化能力
+- 下载源代码，将当前数据转换并生成代码到本地
+- 保存功能，保存当前页面或区块数据
+- 更多功能包括：多人协作、刷新画布、切换全屏、切换到嵌套视图、中英文切换等
 
 ## 左侧插件栏
 
 ![插件栏示意图](./imgs/pluginoverview.png)
 
-如上图所示，插件面板主要有物料插件、大纲树插件、页面管理工具插件、区块管理插件、数据源管理插件、资源管理插件、国际化插件、JS 方法插件、状态管理插件
+如上图所示，插件面板主要有物料插件、大纲树插件、页面管理工具插件、区块管理插件、数据源管理插件、资源管理插件、国际化插件、JS 方法插件、状态管理插件、附件资源管理插件、模型管理插件
 
 插件点击之后会向右展开对应插件的设置面板
 

diff --git a/docs/basic-features/frontend-application-flow.md b/docs/basic-features/frontend-application-flow.md
@@ -8,7 +8,7 @@
 ## 步骤一：新建文件夹
 
 1. 单击应用模块内的“应用开发”，进入设计器。
-2. 在左侧插件栏中，单击![页面管理插件图标](./imgs/icon-page.png)，进入“页面管理“页面。
+2. 在左侧插件栏中，单击![页面管理插件图标](./imgs/icon-page.png)<!-- {.image-inline} -->，进入“页面管理“页面。
 3. 单击“页面管理“的新增文件夹按钮。
 4. 设置基本属性，如输入文件夹ID及设置路由。
 

diff --git a/docs/basic-features/imgs/addComponent-13.png b/docs/basic-features/imgs/addComponent-13.png
diff --git a/docs/basic-features/imgs/addFolder.png b/docs/basic-features/imgs/addFolder.png
diff --git a/docs/basic-features/imgs/addPage.png b/docs/basic-features/imgs/addPage.png
diff --git a/docs/basic-features/imgs/addVar.png b/docs/basic-features/imgs/addVar.png
diff --git a/docs/basic-features/imgs/addWords.png b/docs/basic-features/imgs/addWords.png
diff --git a/docs/basic-features/imgs/bindVariable-25.png b/docs/basic-features/imgs/bindVariable-25.png
diff --git a/docs/basic-features/imgs/canvasoverview.png b/docs/basic-features/imgs/canvasoverview.png
diff --git a/docs/basic-features/imgs/choseClickCompontes.png b/docs/basic-features/imgs/choseClickCompontes.png
diff --git a/docs/basic-features/imgs/choseComponent.png b/docs/basic-features/imgs/choseComponent.png
diff --git a/docs/basic-features/imgs/choseComponentID.png b/docs/basic-features/imgs/choseComponentID.png
diff --git a/docs/basic-features/imgs/clickNode.png b/docs/basic-features/imgs/clickNode.png
diff --git a/docs/basic-features/imgs/componentDown.png b/docs/basic-features/imgs/componentDown.png
diff --git a/docs/basic-features/imgs/componentUp.png b/docs/basic-features/imgs/componentUp.png
diff --git a/docs/basic-features/imgs/copyComponent.png b/docs/basic-features/imgs/copyComponent.png
diff --git a/docs/basic-features/imgs/copyKeyValue.png b/docs/basic-features/imgs/copyKeyValue.png
diff --git a/docs/basic-features/imgs/createFolder.png b/docs/basic-features/imgs/createFolder.png
diff --git a/docs/basic-features/imgs/createPage.png b/docs/basic-features/imgs/createPage.png
diff --git a/docs/basic-features/imgs/delBatchWord.png b/docs/basic-features/imgs/delBatchWord.png
diff --git a/docs/basic-features/imgs/delWord.png b/docs/basic-features/imgs/delWord.png
diff --git a/docs/basic-features/imgs/deleteClassNameNew.gif b/docs/basic-features/imgs/deleteClassNameNew.gif
diff --git a/docs/basic-features/imgs/dragComponent.gif b/docs/basic-features/imgs/dragComponent.gif
diff --git a/docs/basic-features/imgs/editClassNameNew.gif b/docs/basic-features/imgs/editClassNameNew.gif
diff --git a/docs/basic-features/imgs/editClassNameStatic.png b/docs/basic-features/imgs/editClassNameStatic.png
diff --git a/docs/basic-features/imgs/editWord.png b/docs/basic-features/imgs/editWord.png
diff --git a/docs/basic-features/imgs/eventOverview.png b/docs/basic-features/imgs/eventOverview.png
diff --git a/docs/basic-features/imgs/inlineSettingResultNew.png b/docs/basic-features/imgs/inlineSettingResultNew.png
diff --git a/docs/basic-features/imgs/inlineStyleBindVar.gif b/docs/basic-features/imgs/inlineStyleBindVar.gif
diff --git a/docs/basic-features/imgs/inlineStyleSettingNew.gif b/docs/basic-features/imgs/inlineStyleSettingNew.gif
diff --git a/docs/basic-features/imgs/inserPosition.png b/docs/basic-features/imgs/inserPosition.png
diff --git a/docs/basic-features/imgs/insertComponent.gif b/docs/basic-features/imgs/insertComponent.gif
diff --git a/docs/basic-features/imgs/modifyStyle.png b/docs/basic-features/imgs/modifyStyle.png
diff --git a/docs/basic-features/imgs/modifyVar.png b/docs/basic-features/imgs/modifyVar.png
diff --git a/docs/basic-features/imgs/modifyedStyle.png b/docs/basic-features/imgs/modifyedStyle.png
diff --git a/docs/basic-features/imgs/pageManaHistoryRestore.png b/docs/basic-features/imgs/pageManaHistoryRestore.png
diff --git a/docs/basic-features/imgs/pageManaIndex.png b/docs/basic-features/imgs/pageManaIndex.png
diff --git a/docs/basic-features/imgs/pagedelOrCopy.png b/docs/basic-features/imgs/pagedelOrCopy.png
diff --git a/docs/basic-features/imgs/pluginoverview.png b/docs/basic-features/imgs/pluginoverview.png
diff --git a/docs/basic-features/imgs/preview-btn.png b/docs/basic-features/imgs/preview-btn.png
diff --git a/docs/basic-features/imgs/selectClassNameNew.gif b/docs/basic-features/imgs/selectClassNameNew.gif
diff --git a/docs/basic-features/imgs/selectParentID.png b/docs/basic-features/imgs/selectParentID.png
diff --git a/docs/basic-features/imgs/setClassNameNew.gif b/docs/basic-features/imgs/setClassNameNew.gif
diff --git a/docs/basic-features/imgs/setClassNameStatic.png b/docs/basic-features/imgs/setClassNameStatic.png
diff --git a/docs/basic-features/imgs/setCompoentAttr.png b/docs/basic-features/imgs/setCompoentAttr.png
diff --git a/docs/basic-features/imgs/setCompoentBaseAttr.png b/docs/basic-features/imgs/setCompoentBaseAttr.png
diff --git a/docs/basic-features/imgs/setCompoentStyle.png b/docs/basic-features/imgs/setCompoentStyle.png
diff --git a/docs/basic-features/imgs/setStyleHoverNew.gif b/docs/basic-features/imgs/setStyleHoverNew.gif
diff --git a/docs/basic-features/imgs/settingPanelOverview.png b/docs/basic-features/imgs/settingPanelOverview.png
diff --git a/docs/basic-features/imgs/state1.gif b/docs/basic-features/imgs/state1.gif
diff --git a/docs/basic-features/imgs/state2.gif b/docs/basic-features/imgs/state2.gif
diff --git a/docs/basic-features/imgs/state3.png b/docs/basic-features/imgs/state3.png
diff --git a/docs/basic-features/imgs/stylePanelOverview.png b/docs/basic-features/imgs/stylePanelOverview.png
diff --git a/docs/basic-features/imgs/styleSettingNew.gif b/docs/basic-features/imgs/styleSettingNew.gif
diff --git a/docs/basic-features/imgs/styleSettingResult1.png b/docs/basic-features/imgs/styleSettingResult1.png
diff --git a/docs/basic-features/imgs/styleSettingResult2.png b/docs/basic-features/imgs/styleSettingResult2.png
diff --git a/docs/basic-features/imgs/styleSettingStatic.png b/docs/basic-features/imgs/styleSettingStatic.png
diff --git a/docs/basic-features/imgs/toolbaroverview.png b/docs/basic-features/imgs/toolbaroverview.png
diff --git a/docs/basic-features/imgs/treeselectOverview.png b/docs/basic-features/imgs/treeselectOverview.png
diff --git a/docs/basic-features/imgs/绑定变量.png b/docs/basic-features/imgs/绑定变量.png
diff --git a/docs/basic-features/inline-style-variable-binding.md b/docs/basic-features/inline-style-variable-binding.md
@@ -12,7 +12,7 @@
    ![addVar](./imgs/addVar.png)
 
 2. 画布中选中组件，在组件属性设置面板选择“样式”。
-3. 单击行内样式的编辑框后的![变量绑定图标](./imgs/icon-code.png)。
+3. 单击行内样式的编辑框后的![变量绑定图标](./imgs/icon-code.png)<!-- {.image-inline} -->。
 4. 在弹框中进行变量绑定。
 
    **图 2**  绑定变量

diff --git a/docs/basic-features/internationalization.md b/docs/basic-features/internationalization.md
@@ -9,7 +9,7 @@
 
 ## 添加国际化词条
 
-1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)，展开国际化资源页面。
+1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)<!-- {.image-inline} -->，展开国际化资源页面。
 2. 单击“新增词条”。
 3. 编辑key，中文和英文内容
 
@@ -25,8 +25,8 @@
 
 ## 编辑国际化词条
 
-1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)，展开国际化资源页面。
-2. 选择待操作的词条，单击“操作”列的![编辑图标](./imgs/icon-edit.png)。
+1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)<!-- {.image-inline} -->，展开国际化资源页面。
+2. 选择待操作的词条，单击“操作”列的![编辑图标](./imgs/icon-edit.png)<!-- {.image-inline} -->。
 
    **图 2**  编辑词条  
    ![编辑词条](./imgs/editWord.png "editWord")
@@ -36,16 +36,16 @@
 
 ## 单个删除国际化词条
 
-1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)，展开国际化资源页面。
-2. 选择待操作的词条，单击“操作”列的![删除图标](./imgs/icon-del.png)。
+1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)<!-- {.image-inline} -->，展开国际化资源页面。
+2. 选择待操作的词条，单击“操作”列的![删除图标](./imgs/icon-del.png)<!-- {.image-inline} -->。
 3. 在弹框中单击“确定”，完成国际化词条删除。
 
    **图 3**  删除词条
    ![删除词条](./imgs/delWord.png "delWord")
 
 ## 批量删除国际化词条
 
-1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)，展开国际化资源页面。
+1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)<!-- {.image-inline} -->，展开国际化资源页面。
 2. 勾选待操作的词条，单击“批量删除”。
 
    **图 4**  批量删除词条  
@@ -55,8 +55,8 @@
 
 ## 复制词条键值
 
-1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)，展开国际化资源页面。
-2. 选择待操作的词条，单击“操作”列的![复制图标](./imgs/icon-copy.png)。
+1. 在左侧插件栏中，单击![国际化插件图标](./imgs/icon-i18n.png)<!-- {.image-inline} -->，展开国际化资源页面。
+2. 选择待操作的词条，单击“操作”列的![复制图标](./imgs/icon-copy.png)<!-- {.image-inline} -->。
 
    页面显示“复制成功”，完成词条键值复制。
 
@@ -65,10 +65,10 @@
 
 ## 使用国际化词条
 
-1. 在左侧插件栏中，单击![物料插件图标](./imgs/icon-add.png)，展开物料资产包。
+1. 在左侧插件栏中，单击![物料插件图标](./imgs/icon-add.png)<!-- {.image-inline} -->，展开物料资产包。
 2. 在物料资产包中选择组件，例如button组件，并拖拽至中心画布中。
 3. 选中组件，在组件属性设置面板选择“属性”。
-4. 选中文案参数旁的![变量绑定图标](./imgs/icon-code.png)，进行变量绑定。
+4. 选中文案参数旁的![变量绑定图标](./imgs/icon-code.png)<!-- {.image-inline} -->，进行变量绑定。
 5. 输入变量t\('lowcode.67564435'\)，其中lowcode.67564435为词条的key值，可参考[复制词条键值](#复制词条键值)获取。
 
    **图 6**  绑定变量 

diff --git a/docs/basic-features/intro-to-designer.md b/docs/basic-features/intro-to-designer.md
diff --git a/docs/basic-features/outline-tree.md b/docs/basic-features/outline-tree.md
@@ -1,6 +1,6 @@
 # 查看大纲树
 
-在左侧插件栏中，单击![大纲树插件图标](./imgs/icon-tree.png)，展开并查看页面大纲树。
+在左侧插件栏中，单击![大纲树插件图标](./imgs/icon-tree.png)<!-- {.image-inline} -->，展开并查看页面大纲树。
 
 ##  大纲树UI展示
    ![outline-tree-1](./imgs/outline-tree-1.png)

diff --git a/docs/basic-features/using-components.md b/docs/basic-features/using-components.md
@@ -8,7 +8,7 @@
 
 ## 从物料面板中添加组件
 
-1. 在左侧插件栏中，单击![物料插件图标](./imgs/icon-add.png)，展开物料资产包。
+1. 在左侧插件栏中，单击![物料插件图标](./imgs/icon-add.png)<!-- {.image-inline} -->，展开物料资产包。
 2. 在物料资产包中选择组件，并拖拽至中心画布中。
 
 ![拖入组件](./imgs/dragComponent.gif)

diff --git a/docs/catalog.json b/docs/catalog.json
@@ -16,7 +16,6 @@
           "title": "基础功能",
           "name": "basic-features",
           "articles": [
-            { "title": "初识设计器", "name": "intro-to-designer.md" },
             { "title": "设计前端应用流程", "name": "frontend-application-flow.md" },
             { "title": "设计器界面模块简介", "name": "designer-ui-modules.md" },
             { "title": "页面管理", "name": "page-management.md" },
@@ -155,7 +154,9 @@
                 { "title": "全局布局API", "name": "global-layout-api.md" },
                 { "title": "物料API", "name": "material-api.md" },
                 { "title": "设置面板API", "name": "settings-panel-api.md" },
-                { "title": "预览API", "name": "preview-api.md" }
+                { "title": "预览API", "name": "preview-api.md" },
+                { "title": "元服务API", "name": "globalService-api.md" },
+                { "title": "注册表API", "name": "registry-api.md" }
               ]
             },
             {

diff --git a/docs/development-getting-started/dev-quick-start.md b/docs/development-getting-started/dev-quick-start.md
@@ -117,7 +117,7 @@ export default {
 
 ### 3.1 克隆或下载源码
 
-前往[Tiny Engine github](https://github.com/opentiny/tiny-engine/tree/v2.0.0) 地址，选择分支为：`refactor/develop`，或者选择Tags为 v2.0.0或者其他2.0版本，克隆或下载源码。
+前往[Tiny Engine github](https://github.com/opentiny/tiny-engine/tree/v2.0.0) 地址，选择分支为：`develop`，或者选择Tags为 v2.0.0或者其他2.0版本，克隆或下载源码。
 
 克隆下来可以看到我们的目录结构如下
 

diff --git a/docs/ecosystem-center/imgs/ecology1.png b/docs/ecosystem-center/imgs/ecology1.png
diff --git a/docs/extension-capabilities-tutorial/code-output-function/imgs/exportcode.gif b/docs/extension-capabilities-tutorial/code-output-function/imgs/exportcode.gif
diff --git a/docs/getting-started/imgs/addComponent.png b/docs/getting-started/imgs/addComponent.png
diff --git a/docs/getting-started/imgs/addState.png b/docs/getting-started/imgs/addState.png
diff --git a/docs/getting-started/imgs/bangEnv.png b/docs/getting-started/imgs/bangEnv.png
diff --git a/docs/getting-started/imgs/firstPage.png b/docs/getting-started/imgs/firstPage.png
diff --git a/docs/getting-started/imgs/imgswitch.png b/docs/getting-started/imgs/imgswitch.png
diff --git a/docs/getting-started/imgs/page1.png b/docs/getting-started/imgs/page1.png
diff --git a/docs/getting-started/imgs/preImgChange.png b/docs/getting-started/imgs/preImgChange.png
diff --git a/docs/getting-started/imgs/setImgSrc.png b/docs/getting-started/imgs/setImgSrc.png
diff --git a/docs/getting-started/imgs/setImgSta.png b/docs/getting-started/imgs/setImgSta.png
diff --git a/docs/getting-started/imgs/setImgSty.png b/docs/getting-started/imgs/setImgSty.png
diff --git a/docs/getting-started/imgs/showImg.png b/docs/getting-started/imgs/showImg.png
diff --git a/docs/tutorials/build-a-page-from-scratch.md b/docs/tutorials/build-a-page-from-scratch.md
@@ -1,3 +1,3 @@
-# 从零搭建一个页面
+# 从0到1搭建一个页面
 
-<video controls="" src="https://tinyengine-assets.obs.myhuaweicloud.com/files/in-action.mp4#t=1.5"></video>
+<video controls="" src="https://tinyengine-assets.obs.myhuaweicloud.com/files/videos/tiny-engine-course_usage.mp4"></video>