diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/WebIDE_check_code.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/WebIDE_check_code.png
index 202c78bb..215288d8 100644
Binary files a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/WebIDE_check_code.png and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/WebIDE_check_code.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/add_file.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/add_file.png
new file mode 100644
index 00000000..6d87b65d
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/add_file.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/check_code_on_m5stack.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/check_code_on_m5stack.png
new file mode 100644
index 00000000..b04f65b0
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/check_code_on_m5stack.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/create_a_new_project.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/create_a_new_project.png
new file mode 100644
index 00000000..af0560a1
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/create_a_new_project.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/faces_py_file.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/faces_py_file.png
new file mode 100644
index 00000000..6fa4ec70
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/faces_py_file.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/final_result.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/final_result.png
new file mode 100644
index 00000000..c345018b
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/final_result.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/new_a_faces_prj.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/new_a_faces_prj.png
new file mode 100644
index 00000000..c505989c
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/new_a_faces_prj.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/register_page_m5cloud.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/register_page_m5cloud.png
new file mode 100644
index 00000000..fa39c3ff
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/register_page_m5cloud.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/rename_file.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/rename_file.png
new file mode 100644
index 00000000..a07fb929
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/rename_file.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/result.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/result.png
new file mode 100644
index 00000000..ba0fae4b
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/result.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/save_file.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/save_file.png
new file mode 100644
index 00000000..a1594fe0
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/save_file.png differ
diff --git a/docs/assets/img/getting_started_pics/get_started_with_m5cloud/upload_it.png b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/upload_it.png
new file mode 100644
index 00000000..17d9e72f
Binary files /dev/null and b/docs/assets/img/getting_started_pics/get_started_with_m5cloud/upload_it.png differ
diff --git a/docs/assets/img/related_documents/how_to_connect_wifi_with_m5cloud/check_code_on_m5stack.png b/docs/assets/img/related_documents/how_to_connect_wifi_with_m5cloud/check_code_on_m5stack.png
new file mode 100644
index 00000000..b04f65b0
Binary files /dev/null and b/docs/assets/img/related_documents/how_to_connect_wifi_with_m5cloud/check_code_on_m5stack.png differ
diff --git a/docs/assets/img/related_documents/how_to_connect_wifi_with_m5cloud/connected_wifi_m5cloud_been_bound.png b/docs/assets/img/related_documents/how_to_connect_wifi_with_m5cloud/connected_wifi_m5cloud_been_bound.png
new file mode 100644
index 00000000..ffadfb12
Binary files /dev/null and b/docs/assets/img/related_documents/how_to_connect_wifi_with_m5cloud/connected_wifi_m5cloud_been_bound.png differ
diff --git a/docs/en/related_documents/how_to_connect_wifi_using_core_with_m5cloud.md b/docs/en/related_documents/how_to_connect_wifi_using_core_with_m5cloud.md
index 96367b34..325c875a 100644
--- a/docs/en/related_documents/how_to_connect_wifi_using_core_with_m5cloud.md
+++ b/docs/en/related_documents/how_to_connect_wifi_using_core_with_m5cloud.md
@@ -24,8 +24,6 @@
**Then open brower to login 192.168.4.1 for setting your networkable WIFI name and password. (Now, my networkable wifi is named `MasterHax_5G`)**
-?> **Note** If you connect wifi unsuccessfully, repeat it again please.
-
@@ -34,12 +32,19 @@
+?> **Note** If you connect wifi unsuccessfully, repeat it again please.
+
## 3. Reset Your Device
**After connected wifi successfully, reset your core according to the prompt on `192.168.4.1`**
-
+
+
+
+?> **Note** If your device has been bound to M5Cloud's account before(means you have entered the check code on [M5Cloud](http://cloud.m5stack.com)), the screen will display as below
+
+
## Complete