doc: add effect pictures

Added a few effect pictures in readme

Log: readme changed.
Change-Id: I653e587d583c1fe1ee6191a38e01c505f8e4b951

README.md

@@ -44,7 +44,7 @@ _The **master** branch is current development branch, build dependencies may cha
 1. Make sure you have installed all dependencies.
 
 ``` shell
-$ git clone https://github.com/linuxdeepin/deepin-unioncode
+$ git clone https://github.com/linuxdeepin/deepin-unioncode.git
 $ cd unioncode
 $ sudo apt build-dep ./
 ```
@@ -102,7 +102,24 @@ We encourage you to report issues and contribute changes
 deepin-unioncode is licensed under [GPL-3.0-or-later](LICENSE)
 
 
-## Interface
+## Preview
 
-### project opened
-![projectImg](./docs/project.png)
+- language support
+
+  ![](./docs/rc/language support.png)
+
+- code analysis
+
+  ![](./docs/rc/code analysis.png)
+
+- plugin manager
+
+  ![](./docs/rc/plugin manager.png)
+
+- code porting
+
+  ![code porting](./docs/rc/code porting.png)
+
+- reverse debug
+
+  ![reverse debug](./docs/rc/reverse debug.png)

README.zh_CN.md

@@ -45,7 +45,7 @@ _当前的开发分支为**master**，编译依赖可能会在没有更新本说
 
 
 ``` shell
-$ git clone https://github.com/linuxdeepin/deepin-unioncode
+$ git clone https://github.com/linuxdeepin/deepin-unioncode.git
 $ cd unioncode
 $ sudo apt build-dep ./
 ```
@@ -103,5 +103,22 @@ $ sudo cmake --build build --target install
 deepin-unioncode 在 [GPL-3.0-or-later](LICENSE.txt)下发布。
 
 ## 界面展示
-### 打开的工程
-![projectImg](docs/project.png)
+- 语言支持
+
+  ![](./docs/rc/language support.png)
+
+- 代码分析
+
+  ![](./docs/rc/code analysis.png)
+
+- 插件管理
+
+  ![](./docs/rc/plugin manager.png)
+
+- 代码迁移
+
+  ![code porting](./docs/rc/code porting.png)
+
+- 反向调试
+
+  ![reverse debug](./docs/rc/reverse debug.png)