You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dolphinscheduler.apache.org by gi...@apache.org on 2022/01/17 13:01:23 UTC

[dolphinscheduler-website] branch asf-site updated: Automated deployment: 9cf37885ba41cfee55199b36c584aa451e162e2f

This is an automated email from the ASF dual-hosted git repository.

github-bot pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 2ea80fa  Automated deployment: 9cf37885ba41cfee55199b36c584aa451e162e2f
2ea80fa is described below

commit 2ea80faf35bf22ce22edb921fe505fd77a128351
Author: github-actions[bot] <gi...@users.noreply.github.com>
AuthorDate: Mon Jan 17 13:01:20 2022 +0000

    Automated deployment: 9cf37885ba41cfee55199b36c584aa451e162e2f
---
 en-us/docs/1.2.0/user_doc/system-manual.html       |   6 +-
 en-us/docs/1.2.0/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.2.1/user_doc/system-manual.html       |   8 +--
 en-us/docs/1.2.1/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.1/user_doc/system-manual.html       |  22 ++----
 en-us/docs/1.3.1/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.2/user_doc/system-manual.html       |  72 +++++++------------
 en-us/docs/1.3.2/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.3/user_doc/system-manual.html       |  20 +++---
 en-us/docs/1.3.3/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.4/user_doc/system-manual.html       |  20 +++---
 en-us/docs/1.3.4/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.5/user_doc/system-manual.html       |  14 ++--
 en-us/docs/1.3.5/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.6/user_doc/system-manual.html       |  12 ++--
 en-us/docs/1.3.6/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.8/user_doc/system-manual.html       |  20 +++---
 en-us/docs/1.3.8/user_doc/system-manual.json       |   2 +-
 en-us/docs/1.3.9/user_doc/system-manual.html       |  64 +++++------------
 en-us/docs/1.3.9/user_doc/system-manual.json       |   2 +-
 en-us/docs/2.0.0/user_doc/guide/task/shell.html    |  80 +++++++++------------
 en-us/docs/2.0.0/user_doc/guide/task/shell.json    |   2 +-
 .../2.0.0/user_doc/guide/workflow-definition.html  |  14 ++--
 .../2.0.0/user_doc/guide/workflow-definition.json  |   2 +-
 en-us/docs/2.0.1/user_doc/guide/task/shell.html    |  80 +++++++++------------
 en-us/docs/2.0.1/user_doc/guide/task/shell.json    |   2 +-
 .../2.0.1/user_doc/guide/workflow-definition.html  |  14 ++--
 .../2.0.1/user_doc/guide/workflow-definition.json  |   2 +-
 en-us/docs/2.0.2/user_doc/guide/task/shell.html    |  80 +++++++++------------
 en-us/docs/2.0.2/user_doc/guide/task/shell.json    |   2 +-
 .../2.0.2/user_doc/guide/workflow-definition.html  |  14 ++--
 .../2.0.2/user_doc/guide/workflow-definition.json  |   2 +-
 en-us/docs/dev/user_doc/guide/task/shell.html      |  80 +++++++++------------
 en-us/docs/dev/user_doc/guide/task/shell.json      |   2 +-
 .../dev/user_doc/guide/workflow-definition.html    |  14 ++--
 .../dev/user_doc/guide/workflow-definition.json    |   2 +-
 en-us/docs/latest/user_doc/guide/task/shell.html   |  80 +++++++++------------
 en-us/docs/latest/user_doc/guide/task/shell.json   |   2 +-
 .../latest/user_doc/guide/workflow-definition.html |  14 ++--
 .../latest/user_doc/guide/workflow-definition.json |   2 +-
 img/shell-en.png                                   | Bin 65759 -> 0 bytes
 img/shell.png                                      | Bin 3245 -> 0 bytes
 img/shell_dag.png                                  | Bin 54848 -> 0 bytes
 img/tasks/demo/shell.jpg                           | Bin 0 -> 632738 bytes
 img/tasks/demo/shell_custom_param.jpg              | Bin 0 -> 556773 bytes
 img/tasks/icons/shell.png                          | Bin 0 -> 747 bytes
 zh-cn/docs/1.2.0/user_doc/system-manual.html       |  20 +++---
 zh-cn/docs/1.2.0/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.2.1/user_doc/system-manual.html       |  20 +++---
 zh-cn/docs/1.2.1/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.1/user_doc/system-manual.html       |  20 +++---
 zh-cn/docs/1.3.1/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.2/user_doc/system-manual.html       |  12 ++--
 zh-cn/docs/1.3.2/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.3/user_doc/system-manual.html       |  20 +++---
 zh-cn/docs/1.3.3/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.4/user_doc/system-manual.html       |  12 ++--
 zh-cn/docs/1.3.4/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.5/user_doc/system-manual.html       |  12 ++--
 zh-cn/docs/1.3.5/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.6/user_doc/system-manual.html       |  12 ++--
 zh-cn/docs/1.3.6/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.8/user_doc/system-manual.html       |  20 +++---
 zh-cn/docs/1.3.8/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/1.3.9/user_doc/system-manual.html       |  12 ++--
 zh-cn/docs/1.3.9/user_doc/system-manual.json       |   2 +-
 zh-cn/docs/2.0.0/user_doc/guide/task/shell.html    |  79 +++++++++-----------
 zh-cn/docs/2.0.0/user_doc/guide/task/shell.json    |   2 +-
 .../2.0.0/user_doc/guide/workflow-definition.html  |   6 +-
 .../2.0.0/user_doc/guide/workflow-definition.json  |   2 +-
 zh-cn/docs/2.0.1/user_doc/guide/task/shell.html    |  79 +++++++++-----------
 zh-cn/docs/2.0.1/user_doc/guide/task/shell.json    |   2 +-
 .../2.0.1/user_doc/guide/workflow-definition.html  |   6 +-
 .../2.0.1/user_doc/guide/workflow-definition.json  |   2 +-
 zh-cn/docs/2.0.2/user_doc/guide/task/shell.html    |  79 +++++++++-----------
 zh-cn/docs/2.0.2/user_doc/guide/task/shell.json    |   2 +-
 .../2.0.2/user_doc/guide/workflow-definition.html  |   6 +-
 .../2.0.2/user_doc/guide/workflow-definition.json  |   2 +-
 zh-cn/docs/dev/user_doc/guide/task/shell.html      |  79 +++++++++-----------
 zh-cn/docs/dev/user_doc/guide/task/shell.json      |   2 +-
 .../dev/user_doc/guide/workflow-definition.html    |   6 +-
 .../dev/user_doc/guide/workflow-definition.json    |   2 +-
 zh-cn/docs/latest/user_doc/guide/task/shell.html   |  79 +++++++++-----------
 zh-cn/docs/latest/user_doc/guide/task/shell.json   |   2 +-
 .../latest/user_doc/guide/workflow-definition.html |   6 +-
 .../latest/user_doc/guide/workflow-definition.json |   2 +-
 86 files changed, 612 insertions(+), 781 deletions(-)

diff --git a/en-us/docs/1.2.0/user_doc/system-manual.html b/en-us/docs/1.2.0/user_doc/system-manual.html
index 5f4556f..5b5d795 100644
--- a/en-us/docs/1.2.0/user_doc/system-manual.html
+++ b/en-us/docs/1.2.0/user_doc/system-manual.html
@@ -527,11 +527,9 @@ conf/common/hadoop.properties
 <li>The shell node, when the worker executes, generates a temporary shell script, which is executed by a Linux user with the same name as the tenant.</li>
 </ul>
 <blockquote>
-<p>Drag the <img src="https://analysys.github.io/easyscheduler_docs/images/toolbar_SHELL.png" alt="PNG"> task node in the toolbar onto the palette and double-click the task node as follows:</p>
+<p>Drag the <img src="/img/tasks/icons/shell.png" width="15"/> task node in the toolbar onto the palette and double-click the task node as follows:</p>
 </blockquote>
-<p align="center">
-   <img src="/img/shell-en.png" width="80%" />
- </p>`
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 <ul>
 <li>Node name: The node name in a process definition is unique</li>
 <li>Run flag: Identify whether the node can be scheduled properly, and if it does not need to be executed, you can turn on the forbidden execution switch.</li>
diff --git a/en-us/docs/1.2.0/user_doc/system-manual.json b/en-us/docs/1.2.0/user_doc/system-manual.json
index e83366c..0a1bed9 100644
--- a/en-us/docs/1.2.0/user_doc/system-manual.json
+++ b/en-us/docs/1.2.0/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System Use Manual</h1>\n<h2>Operational Guidelines</h2>\n<h3>Home page</h3>\n<p>The homepage contains task status statistics, process status statistics, and workflow definition statistics for all user projects.</p>\n<p align=\"center\">\n      <img src=\"/img/home_en.png\" width=\"80%\" />\n </p>\n<h3>Create a project</h3>\n<ul>\n<li>Click &quot;Project - &gt; Create Project&quot;, enter project name,  description, and click &quot;Submit&quot; to create a new project.</l [...]
+  "__html": "<h1>System Use Manual</h1>\n<h2>Operational Guidelines</h2>\n<h3>Home page</h3>\n<p>The homepage contains task status statistics, process status statistics, and workflow definition statistics for all user projects.</p>\n<p align=\"center\">\n      <img src=\"/img/home_en.png\" width=\"80%\" />\n </p>\n<h3>Create a project</h3>\n<ul>\n<li>Click &quot;Project - &gt; Create Project&quot;, enter project name,  description, and click &quot;Submit&quot; to create a new project.</l [...]
   "link": "/dist/en-us/docs/1.2.0/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.2.1/user_doc/system-manual.html b/en-us/docs/1.2.1/user_doc/system-manual.html
index 4213729..84d8ab4 100644
--- a/en-us/docs/1.2.1/user_doc/system-manual.html
+++ b/en-us/docs/1.2.1/user_doc/system-manual.html
@@ -526,12 +526,8 @@ conf/common/hadoop.properties
 <ul>
 <li>The shell node, when the worker executes, generates a temporary shell script, which is executed by a Linux user with the same name as the tenant.</li>
 </ul>
-<blockquote>
-<p>Drag the <img src="https://analysys.github.io/easyscheduler_docs/images/toolbar_SHELL.png" alt="PNG"> task node in the toolbar onto the palette and double-click the task node as follows:</p>
-</blockquote>
-<p align="center">
-   <img src="/img/shell-en.png" width="80%" />
- </p>`
+<p>Drag the <img src="/img/tasks/icons/shell.png" width="15"/> task node in the toolbar onto the palette and double-click the task node as follows:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 <ul>
 <li>Node name: The node name in a process definition is unique</li>
 <li>Run flag: Identify whether the node can be scheduled properly, and if it does not need to be executed, you can turn on the forbidden execution switch.</li>
diff --git a/en-us/docs/1.2.1/user_doc/system-manual.json b/en-us/docs/1.2.1/user_doc/system-manual.json
index 03cd96d..e0be493 100644
--- a/en-us/docs/1.2.1/user_doc/system-manual.json
+++ b/en-us/docs/1.2.1/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System Use Manual</h1>\n<h2>Operational Guidelines</h2>\n<h3>Home page</h3>\n<p>The homepage contains task status statistics, process status statistics, and workflow definition statistics for all user projects.</p>\n<p align=\"center\">\n      <img src=\"/img/home_en.png\" width=\"80%\" />\n </p>\n<h3>Create a project</h3>\n<ul>\n<li>Click &quot;Project - &gt; Create Project&quot;, enter project name,  description, and click &quot;Submit&quot; to create a new project.</l [...]
+  "__html": "<h1>System Use Manual</h1>\n<h2>Operational Guidelines</h2>\n<h3>Home page</h3>\n<p>The homepage contains task status statistics, process status statistics, and workflow definition statistics for all user projects.</p>\n<p align=\"center\">\n      <img src=\"/img/home_en.png\" width=\"80%\" />\n </p>\n<h3>Create a project</h3>\n<ul>\n<li>Click &quot;Project - &gt; Create Project&quot;, enter project name,  description, and click &quot;Submit&quot; to create a new project.</l [...]
   "link": "/dist/en-us/docs/1.2.1/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.1/user_doc/system-manual.html b/en-us/docs/1.3.1/user_doc/system-manual.html
index b12d5a1..9104f17 100644
--- a/en-us/docs/1.3.1/user_doc/system-manual.html
+++ b/en-us/docs/1.3.1/user_doc/system-manual.html
@@ -52,18 +52,14 @@
 <h4>2.3 Workflow definition</h4>
 <h4><span id=creatDag>2.3.1 Create a workflow definition</span></h4>
 <ul>
-<li>
-<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter<strong>Workflow DAG editing</strong>Page, as shown in the figure below:</p>
-  <p align="center">
+<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter<strong>Workflow DAG editing</strong>Page, as shown in the figure below:  <p align="center">
       <img src="/img/dag5.png" width="80%" />
   </p>
 </li>
-<li>
-<p>Drag in the toolbar<img src="/img/shell.png" width="35"/>
-Add a Shell task to the drawing board, as shown in the figure below:</p>
-  <p align="center">
-      <img src="/img/shell-en.png" width="80%" />
-  </p>
+<li>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/>
+Add a Shell task to the drawing board, as shown in the figure below:</li>
+</ul>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 <ul>
 <li><strong>Add parameter settings for shell tasks:</strong></li>
 </ul>
@@ -83,8 +79,6 @@ Add a Shell task to the drawing board, as shown in the figure below:</p>
     <img src="/img/dag6.png" width="80%" />
 </p>
 </li>
-</ul>
-</li>
 <li>
 <p><strong>Remove dependencies:</strong> lick the &quot;arrow&quot; icon in the upper right corner<img src="/img/arrow.png" width="35"/>,Select the connecting line and click the &quot;delete&quot; icon in the upper right corner<img src="/img/delete.png" width="35"/>,Remove dependencies between tasks.</p>
   <p align="center">
@@ -645,10 +639,8 @@ Operation function: rename, download, delete.</p>
 <p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
 </li>
 <li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p> 
+<p>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>Node name: The node name in a workflow definition is unique.</p>
diff --git a/en-us/docs/1.3.1/user_doc/system-manual.json b/en-us/docs/1.3.1/user_doc/system-manual.json
index c63a19e..0c24f83 100644
--- a/en-us/docs/1.3.1/user_doc/system-manual.json
+++ b/en-us/docs/1.3.1/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to<a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.1/user_doc/quick-start.html\">Get started quickly</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics of all items of the user.\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\n [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to<a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.1/user_doc/quick-start.html\">Get started quickly</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics of all items of the user.\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\n [...]
   "link": "/dist/en-us/docs/1.3.1/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.2/user_doc/system-manual.html b/en-us/docs/1.3.2/user_doc/system-manual.html
index cb77440..b266f51 100644
--- a/en-us/docs/1.3.2/user_doc/system-manual.html
+++ b/en-us/docs/1.3.2/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 Workflow definition</h4>
 <h4><span id=creatDag>2.3.1 Create workflow definition</span></h4>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
@@ -665,48 +669,22 @@ Operation function: rename, download, delete.</p>
 <p>Shell node, when the worker is executed, a temporary shell script is generated, and the linux user with the same name as the tenant executes the script.</p>
 </blockquote>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</li>
+</ul>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
 </ul>
 <h4>7.2 Sub-process node</h4>
 <ul>
diff --git a/en-us/docs/1.3.2/user_doc/system-manual.json b/en-us/docs/1.3.2/user_doc/system-manual.json
index affcd75..c3d84d7 100644
--- a/en-us/docs/1.3.2/user_doc/system-manual.json
+++ b/en-us/docs/1.3.2/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.2/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.2/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.2/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.3/user_doc/system-manual.html b/en-us/docs/1.3.3/user_doc/system-manual.html
index c910f2d..9387a63 100644
--- a/en-us/docs/1.3.3/user_doc/system-manual.html
+++ b/en-us/docs/1.3.3/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 Workflow definition</h4>
 <h4><span id=creatDag>2.3.1 Create workflow definition</span></h4>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
@@ -669,10 +673,8 @@ Operation function: rename, download, delete.</p>
 <p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
 </li>
 <li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<p>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>Node name: The node name in a workflow definition is unique.</p>
diff --git a/en-us/docs/1.3.3/user_doc/system-manual.json b/en-us/docs/1.3.3/user_doc/system-manual.json
index 0f334f2..912d7e9 100644
--- a/en-us/docs/1.3.3/user_doc/system-manual.json
+++ b/en-us/docs/1.3.3/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.3/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.3/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.3/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.4/user_doc/system-manual.html b/en-us/docs/1.3.4/user_doc/system-manual.html
index 42f865f..4dd0c06 100644
--- a/en-us/docs/1.3.4/user_doc/system-manual.html
+++ b/en-us/docs/1.3.4/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 Workflow definition</h4>
 <h4><span id=creatDag>2.3.1 Create workflow definition</span></h4>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
@@ -670,10 +674,8 @@ Operation function: rename, download, delete.</p>
 <p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
 </li>
 <li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<p>Drag <img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"> from the toolbar to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>Node name: The node name in a workflow definition is unique.</p>
diff --git a/en-us/docs/1.3.4/user_doc/system-manual.json b/en-us/docs/1.3.4/user_doc/system-manual.json
index d6fa484..05f5f82 100644
--- a/en-us/docs/1.3.4/user_doc/system-manual.json
+++ b/en-us/docs/1.3.4/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.4/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.4/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.4/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.5/user_doc/system-manual.html b/en-us/docs/1.3.5/user_doc/system-manual.html
index 91160e1..2827865 100644
--- a/en-us/docs/1.3.5/user_doc/system-manual.html
+++ b/en-us/docs/1.3.5/user_doc/system-manual.html
@@ -56,10 +56,10 @@
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
+<li>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</li>
+</ul>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<ul>
 <li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
@@ -688,10 +688,8 @@ worker.groups=default,test
 <p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
 </li>
 <li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<p>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>Node name: The node name in a workflow definition is unique.</p>
diff --git a/en-us/docs/1.3.5/user_doc/system-manual.json b/en-us/docs/1.3.5/user_doc/system-manual.json
index d7b023b..d9dedf9 100644
--- a/en-us/docs/1.3.5/user_doc/system-manual.json
+++ b/en-us/docs/1.3.5/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.5/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.5/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.5/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.6/user_doc/system-manual.html b/en-us/docs/1.3.6/user_doc/system-manual.html
index 68047f9..edcfbea 100644
--- a/en-us/docs/1.3.6/user_doc/system-manual.html
+++ b/en-us/docs/1.3.6/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
+<li>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
@@ -684,10 +682,8 @@ worker.groups=default,test
 <p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
 </li>
 <li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<p>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>Node name: The node name in a workflow definition is unique.</p>
diff --git a/en-us/docs/1.3.6/user_doc/system-manual.json b/en-us/docs/1.3.6/user_doc/system-manual.json
index 4390fde..c65f372 100644
--- a/en-us/docs/1.3.6/user_doc/system-manual.json
+++ b/en-us/docs/1.3.6/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.6/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.6/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.6/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.8/user_doc/system-manual.html b/en-us/docs/1.3.8/user_doc/system-manual.html
index fc51c0a..bf6b123 100644
--- a/en-us/docs/1.3.8/user_doc/system-manual.html
+++ b/en-us/docs/1.3.8/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 Workflow definition</h4>
 <h4><span id=creatDag>2.3.1 Create workflow definition</span></h4>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
@@ -684,10 +688,8 @@ worker.groups=default,test
 <p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
 </li>
 <li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<p>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>Node name: The node name in a workflow definition is unique.</p>
diff --git a/en-us/docs/1.3.8/user_doc/system-manual.json b/en-us/docs/1.3.8/user_doc/system-manual.json
index 4e4f035..353b9d4 100644
--- a/en-us/docs/1.3.8/user_doc/system-manual.json
+++ b/en-us/docs/1.3.8/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.6/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.6/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.8/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/1.3.9/user_doc/system-manual.html b/en-us/docs/1.3.9/user_doc/system-manual.html
index dcc6b3c..951bfb9 100644
--- a/en-us/docs/1.3.9/user_doc/system-manual.html
+++ b/en-us/docs/1.3.9/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
+<li>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
@@ -680,48 +678,22 @@ worker.groups=default,test
 <p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
 </blockquote>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board, as shown in the figure below:</li>
+</ul>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
 </ul>
 <h4>7.2 Sub-process node</h4>
 <ul>
diff --git a/en-us/docs/1.3.9/user_doc/system-manual.json b/en-us/docs/1.3.9/user_doc/system-manual.json
index 6d393fc..846c884 100644
--- a/en-us/docs/1.3.9/user_doc/system-manual.json
+++ b/en-us/docs/1.3.9/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.9/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
+  "__html": "<h1>System User Manual</h1>\n<h2>Get started quickly</h2>\n<blockquote>\n<p>Please refer to <a href=\"https://dolphinscheduler.apache.org/en-us/docs/1.3.9/user_doc/quick-start.html\">Quick Start</a></p>\n</blockquote>\n<h2>Operation guide</h2>\n<h3>1. Home</h3>\n<p>The home page contains task status statistics, process status statistics, and workflow definition statistics for all projects of the user.</p>\n<p align=\"center\">\n<img src=\"/img/home_en.png\" width=\"80%\" />\ [...]
   "link": "/dist/en-us/docs/1.3.9/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/2.0.0/user_doc/guide/task/shell.html b/en-us/docs/2.0.0/user_doc/guide/task/shell.html
index 1e2496b..5dc2af0 100644
--- a/en-us/docs/2.0.0/user_doc/guide/task/shell.html
+++ b/en-us/docs/2.0.0/user_doc/guide/task/shell.html
@@ -10,54 +10,42 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
-<blockquote>
-<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
-</blockquote>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
+<h2>Overview</h2>
+<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,
+a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
+<h2>Create Task</h2>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board.</li>
 </ul>
+<h2>Task Parameter</h2>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Environment Name: Configure the environment name in which to run the script.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>Custom parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
+</ul>
+<h2>Task Example</h2>
+<h3>Simply Print</h3>
+<p>This example is a sample echo task which only print one line in the log file, including the content
+&quot;This is a demo of shell task&quot;. If your task only run one or two shell command, you could add task base on this example.</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>Custom Parameters</h3>
+<p>This example is a sample custom parameter task which could reuse existing as template, or for dynamic task. First of all,
+we should declare a custom parameter named &quot;param_key&quot;, with the value as &quot;param_val&quot;. Then we using keyword &quot;${param_key}&quot;
+to using the parameter we just declared. After this example is being run, we would see &quot;param_val&quot; print in the log</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>Notice</h2>
+<p>None</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>About us</h3><h4>Do you need feedback? Please contact us through the following ways.</h4></div><div class="contact-container"><ul><li><a href="/en-us/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>Email List</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/en-us/docs/2.0.0/user_doc/guide/task/shell.json b/en-us/docs/2.0.0/user_doc/guide/task/shell.json
index b53aa41..fd98ddc 100644
--- a/en-us/docs/2.0.0/user_doc/guide/task/shell.json
+++ b/en-us/docs/2.0.0/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell node</h1>\n<blockquote>\n<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n</blockquote>\n<ul>\n<li>\n<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>\n</li>\n<li>\n<p>Drag <img src=\"/img/shell.png\" width=\"35\"/> from the toolbar to the drawing board, as sho [...]
+  "__html": "<h1>Shell</h1>\n<h2>Overview</h2>\n<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,\na temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n<h2>Create Task</h2>\n<ul>\n<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>\n<li>Drag <img src=\"/img/tasks/icons [...]
   "link": "/dist/en-us/docs/2.0.0/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/2.0.0/user_doc/guide/workflow-definition.html b/en-us/docs/2.0.0/user_doc/guide/workflow-definition.html
index d16cacf..227907c 100644
--- a/en-us/docs/2.0.0/user_doc/guide/workflow-definition.html
+++ b/en-us/docs/2.0.0/user_doc/guide/workflow-definition.html
@@ -13,15 +13,19 @@
   <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
 <h2><span id=creatDag> Create workflow definition</span></h2>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
diff --git a/en-us/docs/2.0.0/user_doc/guide/workflow-definition.json b/en-us/docs/2.0.0/user_doc/guide/workflow-definition.json
index e3d5710..f58a872 100644
--- a/en-us/docs/2.0.0/user_doc/guide/workflow-definition.json
+++ b/en-us/docs/2.0.0/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>Drag in the toolbar <img src=\"/img/shell.png\" [...]
+  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>\n<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>\n<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>\n<p>Drag in the toolbar <img src=\" [...]
   "link": "/dist/en-us/docs/2.0.0/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/2.0.1/user_doc/guide/task/shell.html b/en-us/docs/2.0.1/user_doc/guide/task/shell.html
index aeade29..701eaec 100644
--- a/en-us/docs/2.0.1/user_doc/guide/task/shell.html
+++ b/en-us/docs/2.0.1/user_doc/guide/task/shell.html
@@ -10,54 +10,42 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
-<blockquote>
-<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
-</blockquote>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
+<h2>Overview</h2>
+<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,
+a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
+<h2>Create Task</h2>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board.</li>
 </ul>
+<h2>Task Parameter</h2>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Environment Name: Configure the environment name in which to run the script.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>Custom parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
+</ul>
+<h2>Task Example</h2>
+<h3>Simply Print</h3>
+<p>This example is a sample echo task which only print one line in the log file, including the content
+&quot;This is a demo of shell task&quot;. If your task only run one or two shell command, you could add task base on this example.</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>Custom Parameters</h3>
+<p>This example is a sample custom parameter task which could reuse existing as template, or for dynamic task. First of all,
+we should declare a custom parameter named &quot;param_key&quot;, with the value as &quot;param_val&quot;. Then we using keyword &quot;${param_key}&quot;
+to using the parameter we just declared. After this example is being run, we would see &quot;param_val&quot; print in the log</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>Notice</h2>
+<p>None</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>About us</h3><h4>Do you need feedback? Please contact us through the following ways.</h4></div><div class="contact-container"><ul><li><a href="/en-us/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>Email List</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/en-us/docs/2.0.1/user_doc/guide/task/shell.json b/en-us/docs/2.0.1/user_doc/guide/task/shell.json
index f5206ce..9b061cb 100644
--- a/en-us/docs/2.0.1/user_doc/guide/task/shell.json
+++ b/en-us/docs/2.0.1/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell node</h1>\n<blockquote>\n<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n</blockquote>\n<ul>\n<li>\n<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>\n</li>\n<li>\n<p>Drag <img src=\"/img/shell.png\" width=\"35\"/> from the toolbar to the drawing board, as sho [...]
+  "__html": "<h1>Shell</h1>\n<h2>Overview</h2>\n<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,\na temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n<h2>Create Task</h2>\n<ul>\n<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>\n<li>Drag <img src=\"/img/tasks/icons [...]
   "link": "/dist/en-us/docs/2.0.1/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/2.0.1/user_doc/guide/workflow-definition.html b/en-us/docs/2.0.1/user_doc/guide/workflow-definition.html
index 9833b42..191b3c1 100644
--- a/en-us/docs/2.0.1/user_doc/guide/workflow-definition.html
+++ b/en-us/docs/2.0.1/user_doc/guide/workflow-definition.html
@@ -13,15 +13,19 @@
   <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
 <h2><span id=creatDag> Create workflow definition</span></h2>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
diff --git a/en-us/docs/2.0.1/user_doc/guide/workflow-definition.json b/en-us/docs/2.0.1/user_doc/guide/workflow-definition.json
index 8260c1f..050ee3e 100644
--- a/en-us/docs/2.0.1/user_doc/guide/workflow-definition.json
+++ b/en-us/docs/2.0.1/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>Drag in the toolbar <img src=\"/img/shell.png\" [...]
+  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>\n<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>\n<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>\n<p>Drag in the toolbar <img src=\" [...]
   "link": "/dist/en-us/docs/2.0.1/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/2.0.2/user_doc/guide/task/shell.html b/en-us/docs/2.0.2/user_doc/guide/task/shell.html
index 5160d95..aa77219 100644
--- a/en-us/docs/2.0.2/user_doc/guide/task/shell.html
+++ b/en-us/docs/2.0.2/user_doc/guide/task/shell.html
@@ -10,54 +10,42 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
-<blockquote>
-<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
-</blockquote>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
+<h2>Overview</h2>
+<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,
+a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
+<h2>Create Task</h2>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board.</li>
 </ul>
+<h2>Task Parameter</h2>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Environment Name: Configure the environment name in which to run the script.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>Custom parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
+</ul>
+<h2>Task Example</h2>
+<h3>Simply Print</h3>
+<p>This example is a sample echo task which only print one line in the log file, including the content
+&quot;This is a demo of shell task&quot;. If your task only run one or two shell command, you could add task base on this example.</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>Custom Parameters</h3>
+<p>This example is a sample custom parameter task which could reuse existing as template, or for dynamic task. First of all,
+we should declare a custom parameter named &quot;param_key&quot;, with the value as &quot;param_val&quot;. Then we using keyword &quot;${param_key}&quot;
+to using the parameter we just declared. After this example is being run, we would see &quot;param_val&quot; print in the log</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>Notice</h2>
+<p>None</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>About us</h3><h4>Do you need feedback? Please contact us through the following ways.</h4></div><div class="contact-container"><ul><li><a href="/en-us/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>Email List</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/en-us/docs/2.0.2/user_doc/guide/task/shell.json b/en-us/docs/2.0.2/user_doc/guide/task/shell.json
index f5efa44..f5c4489 100644
--- a/en-us/docs/2.0.2/user_doc/guide/task/shell.json
+++ b/en-us/docs/2.0.2/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell node</h1>\n<blockquote>\n<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n</blockquote>\n<ul>\n<li>\n<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>\n</li>\n<li>\n<p>Drag <img src=\"/img/shell.png\" width=\"35\"/> from the toolbar to the drawing board, as sho [...]
+  "__html": "<h1>Shell</h1>\n<h2>Overview</h2>\n<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,\na temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n<h2>Create Task</h2>\n<ul>\n<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>\n<li>Drag <img src=\"/img/tasks/icons [...]
   "link": "/dist/en-us/docs/2.0.2/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/2.0.2/user_doc/guide/workflow-definition.html b/en-us/docs/2.0.2/user_doc/guide/workflow-definition.html
index f4fd44c..5fe8d65 100644
--- a/en-us/docs/2.0.2/user_doc/guide/workflow-definition.html
+++ b/en-us/docs/2.0.2/user_doc/guide/workflow-definition.html
@@ -13,15 +13,19 @@
   <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
 <h2><span id=creatDag> Create workflow definition</span></h2>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
diff --git a/en-us/docs/2.0.2/user_doc/guide/workflow-definition.json b/en-us/docs/2.0.2/user_doc/guide/workflow-definition.json
index f34d9d1..c27ff10 100644
--- a/en-us/docs/2.0.2/user_doc/guide/workflow-definition.json
+++ b/en-us/docs/2.0.2/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>Drag in the toolbar <img src=\"/img/shell.png\" [...]
+  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>\n<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>\n<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>\n<p>Drag in the toolbar <img src=\" [...]
   "link": "/dist/en-us/docs/2.0.2/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/dev/user_doc/guide/task/shell.html b/en-us/docs/dev/user_doc/guide/task/shell.html
index 1899972..9942e4a 100644
--- a/en-us/docs/dev/user_doc/guide/task/shell.html
+++ b/en-us/docs/dev/user_doc/guide/task/shell.html
@@ -10,54 +10,42 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
-<blockquote>
-<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
-</blockquote>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
+<h2>Overview</h2>
+<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,
+a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
+<h2>Create Task</h2>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board.</li>
 </ul>
+<h2>Task Parameter</h2>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Environment Name: Configure the environment name in which to run the script.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>Custom parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
+</ul>
+<h2>Task Example</h2>
+<h3>Simply Print</h3>
+<p>This example is a sample echo task which only print one line in the log file, including the content
+&quot;This is a demo of shell task&quot;. If your task only run one or two shell command, you could add task base on this example.</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>Custom Parameters</h3>
+<p>This example is a sample custom parameter task which could reuse existing as template, or for dynamic task. First of all,
+we should declare a custom parameter named &quot;param_key&quot;, with the value as &quot;param_val&quot;. Then we using keyword &quot;${param_key}&quot;
+to using the parameter we just declared. After this example is being run, we would see &quot;param_val&quot; print in the log</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>Notice</h2>
+<p>None</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>About us</h3><h4>Do you need feedback? Please contact us through the following ways.</h4></div><div class="contact-container"><ul><li><a href="/en-us/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>Email List</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/en-us/docs/dev/user_doc/guide/task/shell.json b/en-us/docs/dev/user_doc/guide/task/shell.json
index c4d1323..617be80 100644
--- a/en-us/docs/dev/user_doc/guide/task/shell.json
+++ b/en-us/docs/dev/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell node</h1>\n<blockquote>\n<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n</blockquote>\n<ul>\n<li>\n<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>\n</li>\n<li>\n<p>Drag <img src=\"/img/shell.png\" width=\"35\"/> from the toolbar to the drawing board, as sho [...]
+  "__html": "<h1>Shell</h1>\n<h2>Overview</h2>\n<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,\na temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n<h2>Create Task</h2>\n<ul>\n<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>\n<li>Drag <img src=\"/img/tasks/icons [...]
   "link": "/dist/en-us/docs/dev/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/dev/user_doc/guide/workflow-definition.html b/en-us/docs/dev/user_doc/guide/workflow-definition.html
index 2d6bdc0..15c5d22 100644
--- a/en-us/docs/dev/user_doc/guide/workflow-definition.html
+++ b/en-us/docs/dev/user_doc/guide/workflow-definition.html
@@ -13,15 +13,19 @@
   <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
 <h2><span id=creatDag> Create workflow definition</span></h2>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
diff --git a/en-us/docs/dev/user_doc/guide/workflow-definition.json b/en-us/docs/dev/user_doc/guide/workflow-definition.json
index 07c8f9f..3956f03 100644
--- a/en-us/docs/dev/user_doc/guide/workflow-definition.json
+++ b/en-us/docs/dev/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>Drag in the toolbar <img src=\"/img/shell.png\" [...]
+  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>\n<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>\n<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>\n<p>Drag in the toolbar <img src=\" [...]
   "link": "/dist/en-us/docs/dev/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/latest/user_doc/guide/task/shell.html b/en-us/docs/latest/user_doc/guide/task/shell.html
index 5160d95..aa77219 100644
--- a/en-us/docs/latest/user_doc/guide/task/shell.html
+++ b/en-us/docs/latest/user_doc/guide/task/shell.html
@@ -10,54 +10,42 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
-<blockquote>
-<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
-</blockquote>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
+<h2>Overview</h2>
+<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,
+a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>
+<h2>Create Task</h2>
 <ul>
-<li>
-<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>
-</li>
-<li>
-<p>Drag <img src="/img/shell.png" width="35"/> from the toolbar to the drawing board, as shown in the figure below:</p>
-<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
-</li>
-<li>
-<p>Node name: The node name in a workflow definition is unique.</p>
-</li>
-<li>
-<p>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</p>
-</li>
-<li>
-<p>Descriptive information: describe the function of the node.</p>
-</li>
-<li>
-<p>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</p>
-</li>
-<li>
-<p>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</p>
-</li>
-<li>
-<p>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</p>
-</li>
-<li>
-<p>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</p>
-</li>
-<li>
-<p>Script: SHELL program developed by users.</p>
-</li>
-<li>
-<p>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</p>
-</li>
-<li>
-<p>User-defined parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</p>
-</li>
+<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>
+<li>Drag <img src="/img/tasks/icons/shell.png" width="15"/> from the toolbar to the drawing board.</li>
 </ul>
+<h2>Task Parameter</h2>
+<ul>
+<li>Node name: The node name in a workflow definition is unique.</li>
+<li>Run flag: Identifies whether this node can be scheduled normally, if it does not need to be executed, you can turn on the prohibition switch.</li>
+<li>Descriptive information: describe the function of the node.</li>
+<li>Task priority: When the number of worker threads is insufficient, they are executed in order from high to low, and when the priority is the same, they are executed according to the first-in first-out principle.</li>
+<li>Worker grouping: Tasks are assigned to the machines of the worker group to execute. If Default is selected, a worker machine will be randomly selected for execution.</li>
+<li>Environment Name: Configure the environment name in which to run the script.</li>
+<li>Number of failed retry attempts: The number of times the task failed to be resubmitted. It supports drop-down and hand-filling.</li>
+<li>Failed retry interval: The time interval for resubmitting the task after a failed task. It supports drop-down and hand-filling.</li>
+<li>Timeout alarm: Check the timeout alarm and timeout failure. When the task exceeds the &quot;timeout period&quot;, an alarm email will be sent and the task execution will fail.</li>
+<li>Script: SHELL program developed by users.</li>
+<li>Resource: Refers to the list of resource files that need to be called in the script, and the files uploaded or created by the resource center-file management.</li>
+<li>Custom parameters: It is a user-defined parameter that is part of SHELL, which will replace the content with ${variable} in the script.</li>
+</ul>
+<h2>Task Example</h2>
+<h3>Simply Print</h3>
+<p>This example is a sample echo task which only print one line in the log file, including the content
+&quot;This is a demo of shell task&quot;. If your task only run one or two shell command, you could add task base on this example.</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>Custom Parameters</h3>
+<p>This example is a sample custom parameter task which could reuse existing as template, or for dynamic task. First of all,
+we should declare a custom parameter named &quot;param_key&quot;, with the value as &quot;param_val&quot;. Then we using keyword &quot;${param_key}&quot;
+to using the parameter we just declared. After this example is being run, we would see &quot;param_val&quot; print in the log</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>Notice</h2>
+<p>None</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>About us</h3><h4>Do you need feedback? Please contact us through the following ways.</h4></div><div class="contact-container"><ul><li><a href="/en-us/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>Email List</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/en-us/docs/latest/user_doc/guide/task/shell.json b/en-us/docs/latest/user_doc/guide/task/shell.json
index f5efa44..f5c4489 100644
--- a/en-us/docs/latest/user_doc/guide/task/shell.json
+++ b/en-us/docs/latest/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell node</h1>\n<blockquote>\n<p>Shell node, when the worker is executed, a temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n</blockquote>\n<ul>\n<li>\n<p>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</p>\n</li>\n<li>\n<p>Drag <img src=\"/img/shell.png\" width=\"35\"/> from the toolbar to the drawing board, as sho [...]
+  "__html": "<h1>Shell</h1>\n<h2>Overview</h2>\n<p>Shell task, used to create a shell-type task and execute a series of shell scripts. When the worker executed,\na temporary shell script is generated, and the Linux user with the same name as the tenant executes the script.</p>\n<h2>Create Task</h2>\n<ul>\n<li>Click Project Management-Project Name-Workflow Definition, and click the &quot;Create Workflow&quot; button to enter the DAG editing page.</li>\n<li>Drag <img src=\"/img/tasks/icons [...]
   "link": "/dist/en-us/docs/2.0.2/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/en-us/docs/latest/user_doc/guide/workflow-definition.html b/en-us/docs/latest/user_doc/guide/workflow-definition.html
index f4fd44c..5fe8d65 100644
--- a/en-us/docs/latest/user_doc/guide/workflow-definition.html
+++ b/en-us/docs/latest/user_doc/guide/workflow-definition.html
@@ -13,15 +13,19 @@
   <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/en-us/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">中</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant- [...]
 <h2><span id=creatDag> Create workflow definition</span></h2>
 <ul>
-<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align="center">
+<li>
+<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>
+<p align="center">
     <img src="/img/dag5.png" width="80%" />
 </p>
 </li>
-<li>Drag in the toolbar <img src="/img/shell.png" width="35"/> Add a Shell task to the drawing board, as shown in the figure below:<p align="center">
-    <img src="/img/shell-en.png" width="80%" />
-</p>
+<li>
+<p>Drag in the toolbar <img src="/img/tasks/icons/shell.png" width="15"/> Add a Shell task to the drawing board, as shown in the figure below:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>Add parameter settings for this shell task:</strong></p>
 </li>
-<li><strong>Add parameter settings for this shell task:</strong></li>
 </ul>
 <ol>
 <li>Fill in the &quot;Node Name&quot;, &quot;Description&quot;, and &quot;Script&quot; fields;</li>
diff --git a/en-us/docs/latest/user_doc/guide/workflow-definition.json b/en-us/docs/latest/user_doc/guide/workflow-definition.json
index f34d9d1..c27ff10 100644
--- a/en-us/docs/latest/user_doc/guide/workflow-definition.json
+++ b/en-us/docs/latest/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>Drag in the toolbar <img src=\"/img/shell.png\" [...]
+  "__html": "<h1>Workflow definition</h1>\n<h2><span id=creatDag> Create workflow definition</span></h2>\n<ul>\n<li>\n<p>Click Project Management -&gt; Workflow -&gt; Workflow Definition to enter the workflow definition page, and click the &quot;Create Workflow&quot; button to enter the <strong>workflow DAG edit</strong> page, as shown in the following figure:</p>\n<p align=\"center\">\n    <img src=\"/img/dag5.png\" width=\"80%\" />\n</p>\n</li>\n<li>\n<p>Drag in the toolbar <img src=\" [...]
   "link": "/dist/en-us/docs/2.0.2/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/img/shell-en.png b/img/shell-en.png
deleted file mode 100644
index d655d63..0000000
Binary files a/img/shell-en.png and /dev/null differ
diff --git a/img/shell.png b/img/shell.png
deleted file mode 100644
index a000d62..0000000
Binary files a/img/shell.png and /dev/null differ
diff --git a/img/shell_dag.png b/img/shell_dag.png
deleted file mode 100644
index 7e28159..0000000
Binary files a/img/shell_dag.png and /dev/null differ
diff --git a/img/tasks/demo/shell.jpg b/img/tasks/demo/shell.jpg
new file mode 100644
index 0000000..3a01184
Binary files /dev/null and b/img/tasks/demo/shell.jpg differ
diff --git a/img/tasks/demo/shell_custom_param.jpg b/img/tasks/demo/shell_custom_param.jpg
new file mode 100644
index 0000000..c52b0d1
Binary files /dev/null and b/img/tasks/demo/shell_custom_param.jpg differ
diff --git a/img/tasks/icons/shell.png b/img/tasks/icons/shell.png
new file mode 100644
index 0000000..4e40b6e
Binary files /dev/null and b/img/tasks/icons/shell.png differ
diff --git a/zh-cn/docs/1.2.0/user_doc/system-manual.html b/zh-cn/docs/1.2.0/user_doc/system-manual.html
index cc00c8d..827eed5 100644
--- a/zh-cn/docs/1.2.0/user_doc/system-manual.html
+++ b/zh-cn/docs/1.2.0/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 工作流定义</h4>
 <h4><span id=creatDag>2.3.1 创建工作流定义</span></h4>
 <ul>
-<li>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:<p align="center">
+<li>
+<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>
+<p align="center">
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
+<li>
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>添加shell任务的参数设置:</strong></p>
 </li>
-<li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
 <li>填写“节点名称”,“描述”,“脚本”字段;</li>
@@ -657,10 +661,8 @@ conf/common/hadoop.properties
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.2.0/user_doc/system-manual.json b/zh-cn/docs/1.2.0/user_doc/system-manual.json
index b9fb23c..d133869 100644
--- a/zh-cn/docs/1.2.0/user_doc/system-manual.json
+++ b/zh-cn/docs/1.2.0/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.2.0/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.2.0/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.2.0/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.2.1/user_doc/system-manual.html b/zh-cn/docs/1.2.1/user_doc/system-manual.html
index 811657d..c12a73f 100644
--- a/zh-cn/docs/1.2.1/user_doc/system-manual.html
+++ b/zh-cn/docs/1.2.1/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 工作流定义</h4>
 <h4><span id=creatDag>2.3.1 创建工作流定义</span></h4>
 <ul>
-<li>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:<p align="center">
+<li>
+<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>
+<p align="center">
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
+<li>
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>添加shell任务的参数设置:</strong></p>
 </li>
-<li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
 <li>填写“节点名称”,“描述”,“脚本”字段;</li>
@@ -657,10 +661,8 @@ conf/common/hadoop.properties
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.2.1/user_doc/system-manual.json b/zh-cn/docs/1.2.1/user_doc/system-manual.json
index 11551e4..9fbe1d1 100644
--- a/zh-cn/docs/1.2.1/user_doc/system-manual.json
+++ b/zh-cn/docs/1.2.1/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.2.1/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.2.1/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.2.1/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.1/user_doc/system-manual.html b/zh-cn/docs/1.3.1/user_doc/system-manual.html
index 1c4e739..102da3c 100644
--- a/zh-cn/docs/1.3.1/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.1/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 工作流定义</h4>
 <h4><span id=creatDag>2.3.1 创建工作流定义</span></h4>
 <ul>
-<li>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:<p align="center">
+<li>
+<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>
+<p align="center">
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
+<li>
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>添加shell任务的参数设置:</strong></p>
 </li>
-<li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
 <li>填写“节点名称”,“描述”,“脚本”字段;</li>
@@ -644,10 +648,8 @@
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.1/user_doc/system-manual.json b/zh-cn/docs/1.3.1/user_doc/system-manual.json
index e8097b3..ef2d9f9 100644
--- a/zh-cn/docs/1.3.1/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.1/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.1/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.1/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.1/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.2/user_doc/system-manual.html b/zh-cn/docs/1.3.2/user_doc/system-manual.html
index 0c09f3f..b8f2396 100644
--- a/zh-cn/docs/1.3.2/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.2/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
-</li>
+<li>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
@@ -658,10 +656,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.2/user_doc/system-manual.json b/zh-cn/docs/1.3.2/user_doc/system-manual.json
index 0672e65..17e4097 100644
--- a/zh-cn/docs/1.3.2/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.2/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.2/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.2/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.2/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.3/user_doc/system-manual.html b/zh-cn/docs/1.3.3/user_doc/system-manual.html
index 54fedbe..bfa5127 100644
--- a/zh-cn/docs/1.3.3/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.3/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 工作流定义</h4>
 <h4><span id=creatDag>2.3.1 创建工作流定义</span></h4>
 <ul>
-<li>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:<p align="center">
+<li>
+<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>
+<p align="center">
     <img src="/img/dag0.png" width="100%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="100%" />
-</p>  
+<li>
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>添加shell任务的参数设置:</strong></p>
 </li>
-<li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
 <li>填写“节点名称”,“描述”,“脚本”字段;</li>
@@ -658,10 +662,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="100%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.3/user_doc/system-manual.json b/zh-cn/docs/1.3.3/user_doc/system-manual.json
index e4ab681..db6c77b 100644
--- a/zh-cn/docs/1.3.3/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.3/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.3/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"100%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/ [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.3/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"100%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/ [...]
   "link": "/dist/zh-cn/docs/1.3.3/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.4/user_doc/system-manual.html b/zh-cn/docs/1.3.4/user_doc/system-manual.html
index 46b5fd2..45c5374 100644
--- a/zh-cn/docs/1.3.4/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.4/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
-</li>
+<li>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
@@ -659,10 +657,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.4/user_doc/system-manual.json b/zh-cn/docs/1.3.4/user_doc/system-manual.json
index 40278b8..cdc8c33 100644
--- a/zh-cn/docs/1.3.4/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.4/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.4/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.4/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.4/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.5/user_doc/system-manual.html b/zh-cn/docs/1.3.5/user_doc/system-manual.html
index fcb41f2..cb8a1ba 100644
--- a/zh-cn/docs/1.3.5/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.5/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
-</li>
+<li>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
@@ -660,10 +658,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.5/user_doc/system-manual.json b/zh-cn/docs/1.3.5/user_doc/system-manual.json
index 3baac7d..8d52734 100644
--- a/zh-cn/docs/1.3.5/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.5/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.5/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.5/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.5/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.6/user_doc/system-manual.html b/zh-cn/docs/1.3.6/user_doc/system-manual.html
index 3290742..96d0fcc 100644
--- a/zh-cn/docs/1.3.6/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.6/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
-</li>
+<li>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
@@ -659,10 +657,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.6/user_doc/system-manual.json b/zh-cn/docs/1.3.6/user_doc/system-manual.json
index 336971a..8c75c38 100644
--- a/zh-cn/docs/1.3.6/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.6/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.6/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.6/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.6/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.8/user_doc/system-manual.html b/zh-cn/docs/1.3.8/user_doc/system-manual.html
index 150680e..26cc5f3 100644
--- a/zh-cn/docs/1.3.8/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.8/user_doc/system-manual.html
@@ -52,15 +52,19 @@
 <h4>2.3 工作流定义</h4>
 <h4><span id=creatDag>2.3.1 创建工作流定义</span></h4>
 <ul>
-<li>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:<p align="center">
+<li>
+<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>
+<p align="center">
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
+<li>
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+</li>
+<li>
+<p><strong>添加shell任务的参数设置:</strong></p>
 </li>
-<li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
 <li>填写“节点名称”,“描述”,“脚本”字段;</li>
@@ -659,10 +663,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动<img src="/img/tasks/icons/shell.png" width="15"/>到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.8/user_doc/system-manual.json b/zh-cn/docs/1.3.8/user_doc/system-manual.json
index 1757cd7..430480a 100644
--- a/zh-cn/docs/1.3.8/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.8/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.8/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.8/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.8/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/1.3.9/user_doc/system-manual.html b/zh-cn/docs/1.3.9/user_doc/system-manual.html
index d36799f..4ee178d 100644
--- a/zh-cn/docs/1.3.9/user_doc/system-manual.html
+++ b/zh-cn/docs/1.3.9/user_doc/system-manual.html
@@ -56,10 +56,8 @@
     <img src="/img/dag0.png" width="80%" />
 </p>  
 </li>
-<li>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p>  
-</li>
+<li>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></li>
 <li><strong>添加shell任务的参数设置:</strong></li>
 </ul>
 <ol>
@@ -659,10 +657,8 @@ worker.groups=default,test
 <p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
 </li>
 <li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-<p align="center">
-    <img src="/img/shell_dag.png" width="80%" />
-</p> 
+<p>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
diff --git a/zh-cn/docs/1.3.9/user_doc/system-manual.json b/zh-cn/docs/1.3.9/user_doc/system-manual.json
index 7f802f8..76cb413 100644
--- a/zh-cn/docs/1.3.9/user_doc/system-manual.json
+++ b/zh-cn/docs/1.3.9/user_doc/system-manual.json
@@ -1,6 +1,6 @@
 {
   "filename": "system-manual.md",
-  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.8/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
+  "__html": "<h1>系统使用手册</h1>\n<h2>快速上手</h2>\n<blockquote>\n<p>请参照<a href=\"https://dolphinscheduler.apache.org/zh-cn/docs/1.3.8/user_doc/quick-start.html\">快速上手</a></p>\n</blockquote>\n<h2>操作指南</h2>\n<h3>1. 首页</h3>\n<p>首页包含用户所有项目的任务状态统计、流程状态统计、工作流定义统计。\n<p align=\"center\">\n<img src=\"/img/home.png\" width=\"80%\" />\n</p></p>\n<h3>2. 项目管理</h3>\n<h4>2.1 创建项目</h4>\n<ul>\n<li>\n<p>点击&quot;项目管理&quot;进入项目管理页面,点击“创建项目”按钮,输入项目名称,项目描述,点击“提交”,创建新的项目。</p>\n<p align=\"center\">\n    <img src=\"/i [...]
   "link": "/dist/zh-cn/docs/1.3.9/user_doc/system-manual.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/2.0.0/user_doc/guide/task/shell.html b/zh-cn/docs/2.0.0/user_doc/guide/task/shell.html
index a9a3945..c05b747 100644
--- a/zh-cn/docs/2.0.0/user_doc/guide/task/shell.html
+++ b/zh-cn/docs/2.0.0/user_doc/guide/task/shell.html
@@ -10,52 +10,43 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
-<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
+<h2>综述</h2>
+<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,
+并使用与租户同名的 linux 用户执行这个脚本。</p>
+<h2>创建任务</h2>
 <ul>
-<li>
-<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
-</li>
-<li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p> 
-</li>
-<li>
-<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
-</li>
-<li>
-<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>
-</li>
-<li>
-<p>描述信息:描述该节点的功能。</p>
-</li>
-<li>
-<p>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</p>
-</li>
-<li>
-<p>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</p>
-</li>
-<li>
-<p>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</p>
-</li>
-<li>
-<p>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</p>
-</li>
-<li>
-<p>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</p>
-</li>
-<li>
-<p>脚本:用户开发的SHELL程序。</p>
-</li>
-<li>
-<p>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</p>
-</li>
-<li>
-<p>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</p>
-</li>
+<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>
+<li>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,即可完成创建。</li>
 </ul>
+<h2>任务参数</h2>
+<ul>
+<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>
+<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>
+<li>描述:描述该节点的功能。</li>
+<li>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</li>
+<li>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</li>
+<li>环境名称:配置运行脚本的环境。</li>
+<li>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</li>
+<li>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</li>
+<li>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</li>
+<li>脚本:用户开发的SHELL程序。</li>
+<li>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</li>
+<li>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</li>
+<li>前置任务:选择当前任务的前置任务,会将被选择的前置任务设置为当前任务的上游。</li>
+</ul>
+<h2>任务样例</h2>
+<h3>简单打印一行文字</h3>
+<p>该样例模拟了常见的简单任务,这些任务只需要简单的一两行命令就能运行起来。我们以打印一行日志为例,该任务仅会在日志文件中打印一行
+&quot;This is a demo of shell task&quot;</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>使用自定义参数</h3>
+<p>该样例模拟了自定义参数任务,为了更方便的复用已有的任务,或者面对动态的需求时,我们会使用变量保证脚本的复用性。本例中,我们先在自定义脚本
+中定义了参数 &quot;param_key&quot;,并将他的值设置为 &quot;param_val&quot;。接着在&quot;脚本&quot;中声明了 echo 命令,将参数 &quot;param_key&quot; 打印了出来。当我们保存
+并运行任务后,在日志中会看到将参数 &quot;param_key&quot; 对应的值 &quot;param_val&quot; 打印出来。</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>注意事项</h2>
+<p>无</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>联系我们</h3><h4>有问题需要反馈?请通过以下方式联系我们。</h4></div><div class="contact-container"><ul><li><a href="/zh-cn/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>邮件列表</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png"/><img class="img-change" src="/img/twitterblue.png"/><p [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/zh-cn/docs/2.0.0/user_doc/guide/task/shell.json b/zh-cn/docs/2.0.0/user_doc/guide/task/shell.json
index ad9dbf8..a8b7524 100644
--- a/zh-cn/docs/2.0.0/user_doc/guide/task/shell.json
+++ b/zh-cn/docs/2.0.0/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell节点</h1>\n<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>\n<ul>\n<li>\n<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>\n</li>\n<li>\n<p>工具栏中拖动<img src=\"/img/shell.png\" width=\"35\"/>到画板中,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p> \n</li>\n<li>\n<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>\n</li>\n<li>\n<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>\n</li>\n<li>\n<p>描述信息:描述该节点的功能。</p>\n</li>\n<li>\n [...]
+  "__html": "<h1>Shell</h1>\n<h2>综述</h2>\n<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,\n并使用与租户同名的 linux 用户执行这个脚本。</p>\n<h2>创建任务</h2>\n<ul>\n<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>\n<li>工具栏中拖动 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,即可完成创建。</li>\n</ul>\n<h2>任务参数</h2>\n<ul>\n<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>\n<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>\n<li>描述:描述该节点的功能。</li>\n<li>任务优先级:worker线程数不足时,根据优先级从高 [...]
   "link": "/dist/zh-cn/docs/2.0.0/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.html b/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.html
index a3678d9..7cca06e 100644
--- a/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.html
+++ b/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.html
@@ -20,10 +20,8 @@
   </p>  
 </li>
 <li>
-<p>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p>  
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p><strong>添加shell任务的参数设置:</strong></p>
diff --git a/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.json b/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.json
index 17452ab..ff6bd4e 100644
--- a/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.json
+++ b/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽<img src=\"/img/shell.png\" width=\"35\"/>到画板中,新增一个Shell任务,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong> [...]
+  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,新增一个Shell任务,如下图所示:</p>\n<p><img src=\"/img/tasks/demo/shell.jpg\" alt=\"demo-shell-simple\"></p>\n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong></ [...]
   "link": "/dist/zh-cn/docs/2.0.0/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/2.0.1/user_doc/guide/task/shell.html b/zh-cn/docs/2.0.1/user_doc/guide/task/shell.html
index db7cfd1..b21752d 100644
--- a/zh-cn/docs/2.0.1/user_doc/guide/task/shell.html
+++ b/zh-cn/docs/2.0.1/user_doc/guide/task/shell.html
@@ -10,52 +10,43 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
-<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
+<h2>综述</h2>
+<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,
+并使用与租户同名的 linux 用户执行这个脚本。</p>
+<h2>创建任务</h2>
 <ul>
-<li>
-<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
-</li>
-<li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p> 
-</li>
-<li>
-<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
-</li>
-<li>
-<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>
-</li>
-<li>
-<p>描述信息:描述该节点的功能。</p>
-</li>
-<li>
-<p>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</p>
-</li>
-<li>
-<p>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</p>
-</li>
-<li>
-<p>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</p>
-</li>
-<li>
-<p>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</p>
-</li>
-<li>
-<p>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</p>
-</li>
-<li>
-<p>脚本:用户开发的SHELL程序。</p>
-</li>
-<li>
-<p>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</p>
-</li>
-<li>
-<p>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</p>
-</li>
+<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>
+<li>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,即可完成创建。</li>
 </ul>
+<h2>任务参数</h2>
+<ul>
+<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>
+<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>
+<li>描述:描述该节点的功能。</li>
+<li>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</li>
+<li>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</li>
+<li>环境名称:配置运行脚本的环境。</li>
+<li>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</li>
+<li>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</li>
+<li>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</li>
+<li>脚本:用户开发的SHELL程序。</li>
+<li>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</li>
+<li>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</li>
+<li>前置任务:选择当前任务的前置任务,会将被选择的前置任务设置为当前任务的上游。</li>
+</ul>
+<h2>任务样例</h2>
+<h3>简单打印一行文字</h3>
+<p>该样例模拟了常见的简单任务,这些任务只需要简单的一两行命令就能运行起来。我们以打印一行日志为例,该任务仅会在日志文件中打印一行
+&quot;This is a demo of shell task&quot;</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>使用自定义参数</h3>
+<p>该样例模拟了自定义参数任务,为了更方便的复用已有的任务,或者面对动态的需求时,我们会使用变量保证脚本的复用性。本例中,我们先在自定义脚本
+中定义了参数 &quot;param_key&quot;,并将他的值设置为 &quot;param_val&quot;。接着在&quot;脚本&quot;中声明了 echo 命令,将参数 &quot;param_key&quot; 打印了出来。当我们保存
+并运行任务后,在日志中会看到将参数 &quot;param_key&quot; 对应的值 &quot;param_val&quot; 打印出来。</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>注意事项</h2>
+<p>无</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>联系我们</h3><h4>有问题需要反馈?请通过以下方式联系我们。</h4></div><div class="contact-container"><ul><li><a href="/zh-cn/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>邮件列表</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png"/><img class="img-change" src="/img/twitterblue.png"/><p [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/zh-cn/docs/2.0.1/user_doc/guide/task/shell.json b/zh-cn/docs/2.0.1/user_doc/guide/task/shell.json
index 5331a55..6d8bbf6 100644
--- a/zh-cn/docs/2.0.1/user_doc/guide/task/shell.json
+++ b/zh-cn/docs/2.0.1/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell节点</h1>\n<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>\n<ul>\n<li>\n<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>\n</li>\n<li>\n<p>工具栏中拖动<img src=\"/img/shell.png\" width=\"35\"/>到画板中,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p> \n</li>\n<li>\n<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>\n</li>\n<li>\n<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>\n</li>\n<li>\n<p>描述信息:描述该节点的功能。</p>\n</li>\n<li>\n [...]
+  "__html": "<h1>Shell</h1>\n<h2>综述</h2>\n<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,\n并使用与租户同名的 linux 用户执行这个脚本。</p>\n<h2>创建任务</h2>\n<ul>\n<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>\n<li>工具栏中拖动 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,即可完成创建。</li>\n</ul>\n<h2>任务参数</h2>\n<ul>\n<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>\n<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>\n<li>描述:描述该节点的功能。</li>\n<li>任务优先级:worker线程数不足时,根据优先级从高 [...]
   "link": "/dist/zh-cn/docs/2.0.1/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.html b/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.html
index 59e05b4..5fc6d3f 100644
--- a/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.html
+++ b/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.html
@@ -20,10 +20,8 @@
   </p>  
 </li>
 <li>
-<p>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p>  
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p><strong>添加shell任务的参数设置:</strong></p>
diff --git a/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.json b/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.json
index ce77576..521056b 100644
--- a/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.json
+++ b/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽<img src=\"/img/shell.png\" width=\"35\"/>到画板中,新增一个Shell任务,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong> [...]
+  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,新增一个Shell任务,如下图所示:</p>\n<p><img src=\"/img/tasks/demo/shell.jpg\" alt=\"demo-shell-simple\"></p>\n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong></ [...]
   "link": "/dist/zh-cn/docs/2.0.1/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/2.0.2/user_doc/guide/task/shell.html b/zh-cn/docs/2.0.2/user_doc/guide/task/shell.html
index 3baf3b0..3d3e94c 100644
--- a/zh-cn/docs/2.0.2/user_doc/guide/task/shell.html
+++ b/zh-cn/docs/2.0.2/user_doc/guide/task/shell.html
@@ -10,52 +10,43 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
-<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
+<h2>综述</h2>
+<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,
+并使用与租户同名的 linux 用户执行这个脚本。</p>
+<h2>创建任务</h2>
 <ul>
-<li>
-<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
-</li>
-<li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p> 
-</li>
-<li>
-<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
-</li>
-<li>
-<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>
-</li>
-<li>
-<p>描述信息:描述该节点的功能。</p>
-</li>
-<li>
-<p>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</p>
-</li>
-<li>
-<p>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</p>
-</li>
-<li>
-<p>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</p>
-</li>
-<li>
-<p>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</p>
-</li>
-<li>
-<p>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</p>
-</li>
-<li>
-<p>脚本:用户开发的SHELL程序。</p>
-</li>
-<li>
-<p>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</p>
-</li>
-<li>
-<p>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</p>
-</li>
+<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>
+<li>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,即可完成创建。</li>
 </ul>
+<h2>任务参数</h2>
+<ul>
+<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>
+<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>
+<li>描述:描述该节点的功能。</li>
+<li>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</li>
+<li>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</li>
+<li>环境名称:配置运行脚本的环境。</li>
+<li>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</li>
+<li>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</li>
+<li>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</li>
+<li>脚本:用户开发的SHELL程序。</li>
+<li>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</li>
+<li>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</li>
+<li>前置任务:选择当前任务的前置任务,会将被选择的前置任务设置为当前任务的上游。</li>
+</ul>
+<h2>任务样例</h2>
+<h3>简单打印一行文字</h3>
+<p>该样例模拟了常见的简单任务,这些任务只需要简单的一两行命令就能运行起来。我们以打印一行日志为例,该任务仅会在日志文件中打印一行
+&quot;This is a demo of shell task&quot;</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>使用自定义参数</h3>
+<p>该样例模拟了自定义参数任务,为了更方便的复用已有的任务,或者面对动态的需求时,我们会使用变量保证脚本的复用性。本例中,我们先在自定义脚本
+中定义了参数 &quot;param_key&quot;,并将他的值设置为 &quot;param_val&quot;。接着在&quot;脚本&quot;中声明了 echo 命令,将参数 &quot;param_key&quot; 打印了出来。当我们保存
+并运行任务后,在日志中会看到将参数 &quot;param_key&quot; 对应的值 &quot;param_val&quot; 打印出来。</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>注意事项</h2>
+<p>无</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>联系我们</h3><h4>有问题需要反馈?请通过以下方式联系我们。</h4></div><div class="contact-container"><ul><li><a href="/zh-cn/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>邮件列表</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png"/><img class="img-change" src="/img/twitterblue.png"/><p [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/zh-cn/docs/2.0.2/user_doc/guide/task/shell.json b/zh-cn/docs/2.0.2/user_doc/guide/task/shell.json
index 4b78762..295d4f3 100644
--- a/zh-cn/docs/2.0.2/user_doc/guide/task/shell.json
+++ b/zh-cn/docs/2.0.2/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell节点</h1>\n<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>\n<ul>\n<li>\n<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>\n</li>\n<li>\n<p>工具栏中拖动<img src=\"/img/shell.png\" width=\"35\"/>到画板中,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p> \n</li>\n<li>\n<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>\n</li>\n<li>\n<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>\n</li>\n<li>\n<p>描述信息:描述该节点的功能。</p>\n</li>\n<li>\n [...]
+  "__html": "<h1>Shell</h1>\n<h2>综述</h2>\n<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,\n并使用与租户同名的 linux 用户执行这个脚本。</p>\n<h2>创建任务</h2>\n<ul>\n<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>\n<li>工具栏中拖动 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,即可完成创建。</li>\n</ul>\n<h2>任务参数</h2>\n<ul>\n<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>\n<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>\n<li>描述:描述该节点的功能。</li>\n<li>任务优先级:worker线程数不足时,根据优先级从高 [...]
   "link": "/dist/zh-cn/docs/2.0.2/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.html b/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.html
index 396655f..4647c47 100644
--- a/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.html
+++ b/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.html
@@ -20,10 +20,8 @@
   </p>  
 </li>
 <li>
-<p>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p>  
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p><strong>添加shell任务的参数设置:</strong></p>
diff --git a/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.json b/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.json
index 66303aa..2846850 100644
--- a/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.json
+++ b/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽<img src=\"/img/shell.png\" width=\"35\"/>到画板中,新增一个Shell任务,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong> [...]
+  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,新增一个Shell任务,如下图所示:</p>\n<p><img src=\"/img/tasks/demo/shell.jpg\" alt=\"demo-shell-simple\"></p>\n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong></ [...]
   "link": "/dist/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/dev/user_doc/guide/task/shell.html b/zh-cn/docs/dev/user_doc/guide/task/shell.html
index f458657..08b8767 100644
--- a/zh-cn/docs/dev/user_doc/guide/task/shell.html
+++ b/zh-cn/docs/dev/user_doc/guide/task/shell.html
@@ -10,52 +10,43 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
-<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
+<h2>综述</h2>
+<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,
+并使用与租户同名的 linux 用户执行这个脚本。</p>
+<h2>创建任务</h2>
 <ul>
-<li>
-<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
-</li>
-<li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p> 
-</li>
-<li>
-<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
-</li>
-<li>
-<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>
-</li>
-<li>
-<p>描述信息:描述该节点的功能。</p>
-</li>
-<li>
-<p>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</p>
-</li>
-<li>
-<p>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</p>
-</li>
-<li>
-<p>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</p>
-</li>
-<li>
-<p>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</p>
-</li>
-<li>
-<p>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</p>
-</li>
-<li>
-<p>脚本:用户开发的SHELL程序。</p>
-</li>
-<li>
-<p>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</p>
-</li>
-<li>
-<p>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</p>
-</li>
+<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>
+<li>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,即可完成创建。</li>
 </ul>
+<h2>任务参数</h2>
+<ul>
+<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>
+<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>
+<li>描述:描述该节点的功能。</li>
+<li>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</li>
+<li>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</li>
+<li>环境名称:配置运行脚本的环境。</li>
+<li>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</li>
+<li>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</li>
+<li>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</li>
+<li>脚本:用户开发的SHELL程序。</li>
+<li>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</li>
+<li>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</li>
+<li>前置任务:选择当前任务的前置任务,会将被选择的前置任务设置为当前任务的上游。</li>
+</ul>
+<h2>任务样例</h2>
+<h3>简单打印一行文字</h3>
+<p>该样例模拟了常见的简单任务,这些任务只需要简单的一两行命令就能运行起来。我们以打印一行日志为例,该任务仅会在日志文件中打印一行
+&quot;This is a demo of shell task&quot;</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>使用自定义参数</h3>
+<p>该样例模拟了自定义参数任务,为了更方便的复用已有的任务,或者面对动态的需求时,我们会使用变量保证脚本的复用性。本例中,我们先在自定义脚本
+中定义了参数 &quot;param_key&quot;,并将他的值设置为 &quot;param_val&quot;。接着在&quot;脚本&quot;中声明了 echo 命令,将参数 &quot;param_key&quot; 打印了出来。当我们保存
+并运行任务后,在日志中会看到将参数 &quot;param_key&quot; 对应的值 &quot;param_val&quot; 打印出来。</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>注意事项</h2>
+<p>无</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>联系我们</h3><h4>有问题需要反馈?请通过以下方式联系我们。</h4></div><div class="contact-container"><ul><li><a href="/zh-cn/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>邮件列表</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png"/><img class="img-change" src="/img/twitterblue.png"/><p [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/zh-cn/docs/dev/user_doc/guide/task/shell.json b/zh-cn/docs/dev/user_doc/guide/task/shell.json
index dc5a9a4..6727984 100644
--- a/zh-cn/docs/dev/user_doc/guide/task/shell.json
+++ b/zh-cn/docs/dev/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell节点</h1>\n<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>\n<ul>\n<li>\n<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>\n</li>\n<li>\n<p>工具栏中拖动<img src=\"/img/shell.png\" width=\"35\"/>到画板中,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p> \n</li>\n<li>\n<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>\n</li>\n<li>\n<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>\n</li>\n<li>\n<p>描述信息:描述该节点的功能。</p>\n</li>\n<li>\n [...]
+  "__html": "<h1>Shell</h1>\n<h2>综述</h2>\n<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,\n并使用与租户同名的 linux 用户执行这个脚本。</p>\n<h2>创建任务</h2>\n<ul>\n<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>\n<li>工具栏中拖动 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,即可完成创建。</li>\n</ul>\n<h2>任务参数</h2>\n<ul>\n<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>\n<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>\n<li>描述:描述该节点的功能。</li>\n<li>任务优先级:worker线程数不足时,根据优先级从高 [...]
   "link": "/dist/zh-cn/docs/dev/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/dev/user_doc/guide/workflow-definition.html b/zh-cn/docs/dev/user_doc/guide/workflow-definition.html
index ce6dcf6..1988e9d 100644
--- a/zh-cn/docs/dev/user_doc/guide/workflow-definition.html
+++ b/zh-cn/docs/dev/user_doc/guide/workflow-definition.html
@@ -20,10 +20,8 @@
   </p>  
 </li>
 <li>
-<p>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p>  
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:
+<img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p><strong>添加shell任务的参数设置:</strong></p>
diff --git a/zh-cn/docs/dev/user_doc/guide/workflow-definition.json b/zh-cn/docs/dev/user_doc/guide/workflow-definition.json
index f0d3a76..76f58ee 100644
--- a/zh-cn/docs/dev/user_doc/guide/workflow-definition.json
+++ b/zh-cn/docs/dev/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽<img src=\"/img/shell.png\" width=\"35\"/>到画板中,新增一个Shell任务,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong> [...]
+  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,新增一个Shell任务,如下图所示:\n<img src=\"/img/tasks/demo/shell.jpg\" alt=\"demo-shell-simple\"></p>\n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong></p>\n<ol [...]
   "link": "/dist/zh-cn/docs/dev/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/latest/user_doc/guide/task/shell.html b/zh-cn/docs/latest/user_doc/guide/task/shell.html
index 3baf3b0..3d3e94c 100644
--- a/zh-cn/docs/latest/user_doc/guide/task/shell.html
+++ b/zh-cn/docs/latest/user_doc/guide/task/shell.html
@@ -10,52 +10,43 @@
   <link rel="stylesheet" href="/build/vendor.23870e5.css">
 </head>
 <body>
-  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
-<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>
+  <div id="root"><div class="md2html docs-page" data-reactroot=""><header class="header-container header-container-dark"><div class="header-body"><span class="mobile-menu-btn mobile-menu-btn-dark"></span><a href="/zh-cn/index.html"><img class="logo" src="/img/hlogo_white.svg"/></a><div class="search search-dark"><span class="icon-search"></span></div><span class="language-switch language-switch-dark">En</span><div class="header-menu"><div><ul class="ant-menu whiteClass ant-menu-light ant [...]
+<h2>综述</h2>
+<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,
+并使用与租户同名的 linux 用户执行这个脚本。</p>
+<h2>创建任务</h2>
 <ul>
-<li>
-<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>
-</li>
-<li>
-<p>工具栏中拖动<img src="/img/shell.png" width="35"/>到画板中,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p> 
-</li>
-<li>
-<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>
-</li>
-<li>
-<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>
-</li>
-<li>
-<p>描述信息:描述该节点的功能。</p>
-</li>
-<li>
-<p>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</p>
-</li>
-<li>
-<p>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</p>
-</li>
-<li>
-<p>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</p>
-</li>
-<li>
-<p>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</p>
-</li>
-<li>
-<p>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</p>
-</li>
-<li>
-<p>脚本:用户开发的SHELL程序。</p>
-</li>
-<li>
-<p>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</p>
-</li>
-<li>
-<p>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</p>
-</li>
+<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>
+<li>工具栏中拖动 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,即可完成创建。</li>
 </ul>
+<h2>任务参数</h2>
+<ul>
+<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>
+<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>
+<li>描述:描述该节点的功能。</li>
+<li>任务优先级:worker线程数不足时,根据优先级从高到低依次执行,优先级一样时根据先进先出原则执行。</li>
+<li>Worker分组:任务分配给worker组的机器机执行,选择Default,会随机选择一台worker机执行。</li>
+<li>环境名称:配置运行脚本的环境。</li>
+<li>失败重试次数:任务失败重新提交的次数,支持下拉和手填。</li>
+<li>失败重试间隔:任务失败重新提交任务的时间间隔,支持下拉和手填。</li>
+<li>超时告警:勾选超时告警、超时失败,当任务超过&quot;超时时长&quot;后,会发送告警邮件并且任务执行失败.</li>
+<li>脚本:用户开发的SHELL程序。</li>
+<li>资源:是指脚本中需要调用的资源文件列表,资源中心-文件管理上传或创建的文件。</li>
+<li>自定义参数:是SHELL局部的用户自定义参数,会替换脚本中以${变量}的内容。</li>
+<li>前置任务:选择当前任务的前置任务,会将被选择的前置任务设置为当前任务的上游。</li>
+</ul>
+<h2>任务样例</h2>
+<h3>简单打印一行文字</h3>
+<p>该样例模拟了常见的简单任务,这些任务只需要简单的一两行命令就能运行起来。我们以打印一行日志为例,该任务仅会在日志文件中打印一行
+&quot;This is a demo of shell task&quot;</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
+<h3>使用自定义参数</h3>
+<p>该样例模拟了自定义参数任务,为了更方便的复用已有的任务,或者面对动态的需求时,我们会使用变量保证脚本的复用性。本例中,我们先在自定义脚本
+中定义了参数 &quot;param_key&quot;,并将他的值设置为 &quot;param_val&quot;。接着在&quot;脚本&quot;中声明了 echo 命令,将参数 &quot;param_key&quot; 打印了出来。当我们保存
+并运行任务后,在日志中会看到将参数 &quot;param_key&quot; 对应的值 &quot;param_val&quot; 打印出来。</p>
+<p><img src="/img/tasks/demo/shell_custom_param.jpg" alt="demo-shell-custom-param"></p>
+<h2>注意事项</h2>
+<p>无</p>
 </div></section><footer class="footer-container"><div class="footer-body"><div><h3>联系我们</h3><h4>有问题需要反馈?请通过以下方式联系我们。</h4></div><div class="contact-container"><ul><li><a href="/zh-cn/community/development/subscribe.html"><img class="img-base" src="/img/emailgray.png"/><img class="img-change" src="/img/emailblue.png"/><p>邮件列表</p></a></li><li><a href="https://twitter.com/dolphinschedule"><img class="img-base" src="/img/twittergray.png"/><img class="img-change" src="/img/twitterblue.png"/><p [...]
   <script src="//cdn.jsdelivr.net/npm/react@15.6.2/dist/react-with-addons.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/react-dom@15.6.2/dist/react-dom.min.js"></script>
diff --git a/zh-cn/docs/latest/user_doc/guide/task/shell.json b/zh-cn/docs/latest/user_doc/guide/task/shell.json
index 4b78762..295d4f3 100644
--- a/zh-cn/docs/latest/user_doc/guide/task/shell.json
+++ b/zh-cn/docs/latest/user_doc/guide/task/shell.json
@@ -1,6 +1,6 @@
 {
   "filename": "shell.md",
-  "__html": "<h1>Shell节点</h1>\n<p>shell节点,在worker执行的时候,会生成一个临时shell脚本,使用租户同名的linux用户执行这个脚本。</p>\n<ul>\n<li>\n<p>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</p>\n</li>\n<li>\n<p>工具栏中拖动<img src=\"/img/shell.png\" width=\"35\"/>到画板中,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p> \n</li>\n<li>\n<p>节点名称:一个工作流定义中的节点名称是唯一的。</p>\n</li>\n<li>\n<p>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</p>\n</li>\n<li>\n<p>描述信息:描述该节点的功能。</p>\n</li>\n<li>\n [...]
+  "__html": "<h1>Shell</h1>\n<h2>综述</h2>\n<p>Shell 任务类型,用于创建 Shell 类型的任务并执行一系列的 Shell 脚本。worker 执行该任务的时候,会生成一个临时shell脚本,\n并使用与租户同名的 linux 用户执行这个脚本。</p>\n<h2>创建任务</h2>\n<ul>\n<li>点击项目管理-项目名称-工作流定义,点击&quot;创建工作流&quot;按钮,进入DAG编辑页面。</li>\n<li>工具栏中拖动 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,即可完成创建。</li>\n</ul>\n<h2>任务参数</h2>\n<ul>\n<li>任务名称:设置任务的名称。一个工作流定义中的节点名称是唯一的。</li>\n<li>运行标志:标识这个节点是否能正常调度,如果不需要执行,可以打开禁止执行开关。</li>\n<li>描述:描述该节点的功能。</li>\n<li>任务优先级:worker线程数不足时,根据优先级从高 [...]
   "link": "/dist/zh-cn/docs/2.0.2/user_doc/guide/task/shell.html",
   "meta": {}
 }
\ No newline at end of file
diff --git a/zh-cn/docs/latest/user_doc/guide/workflow-definition.html b/zh-cn/docs/latest/user_doc/guide/workflow-definition.html
index 396655f..4647c47 100644
--- a/zh-cn/docs/latest/user_doc/guide/workflow-definition.html
+++ b/zh-cn/docs/latest/user_doc/guide/workflow-definition.html
@@ -20,10 +20,8 @@
   </p>  
 </li>
 <li>
-<p>工具栏中拖拽<img src="/img/shell.png" width="35"/>到画板中,新增一个Shell任务,如下图所示:</p>
-  <p align="center">
-      <img src="/img/shell_dag.png" width="80%" />
-  </p>  
+<p>工具栏中拖拽 <img src="/img/tasks/icons/shell.png" width="15"/> 到画板中,新增一个Shell任务,如下图所示:</p>
+<p><img src="/img/tasks/demo/shell.jpg" alt="demo-shell-simple"></p>
 </li>
 <li>
 <p><strong>添加shell任务的参数设置:</strong></p>
diff --git a/zh-cn/docs/latest/user_doc/guide/workflow-definition.json b/zh-cn/docs/latest/user_doc/guide/workflow-definition.json
index 66303aa..2846850 100644
--- a/zh-cn/docs/latest/user_doc/guide/workflow-definition.json
+++ b/zh-cn/docs/latest/user_doc/guide/workflow-definition.json
@@ -1,6 +1,6 @@
 {
   "filename": "workflow-definition.md",
-  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽<img src=\"/img/shell.png\" width=\"35\"/>到画板中,新增一个Shell任务,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/shell_dag.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong> [...]
+  "__html": "<h1>工作流定义</h1>\n<h2><span id=creatDag>创建工作流定义</span></h2>\n<ul>\n<li>\n<p>点击项目管理-&gt;工作流-&gt;工作流定义,进入工作流定义页面,点击“创建工作流”按钮,进入<strong>工作流DAG编辑</strong>页面,如下图所示:</p>\n  <p align=\"center\">\n      <img src=\"/img/dag0.png\" width=\"80%\" />\n  </p>  \n</li>\n<li>\n<p>工具栏中拖拽 <img src=\"/img/tasks/icons/shell.png\" width=\"15\"/> 到画板中,新增一个Shell任务,如下图所示:</p>\n<p><img src=\"/img/tasks/demo/shell.jpg\" alt=\"demo-shell-simple\"></p>\n</li>\n<li>\n<p><strong>添加shell任务的参数设置:</strong></ [...]
   "link": "/dist/zh-cn/docs/2.0.2/user_doc/guide/workflow-definition.html",
   "meta": {}
 }
\ No newline at end of file