update doc

README.md

@@ -1,6 +1,7 @@
 # GuiLite - 最小UI框架
+![badge_build](https://img.shields.io/badge/build-passing-brightgreen.svg) ![badge_docker](https://img.shields.io/badge/docker%20build-passing-brightgreen.svg) ![badge_platform](https://img.shields.io/badge/platform-Windows%20%7C%20Linux%20%7C%20macOS%20%7C%20iOS%20%7C%20Android%20%7C%20MCU-brightgreen.svg) ![badge_lincense](https://img.shields.io/badge/license-Apache%202-blue.svg) ![badge_lincense](https://img.shields.io/badge/architecture-amd64%20%7C%20arm%20%7C%20arm64-blue.svg) 
 - [功能介绍](#功能介绍)
-- [实例程序](#实例程序)
+- [快速上手](#快速上手)
 - [开发文档](#开发文档)
 - [学习方法](#学习方法)
 - [视频链接](#视频链接)
@@ -8,57 +9,51 @@
 ***
 ## GuiLite是什么鬼？
 - GuiLite（超轻量UI框架）是5千行代码的**全平台UI框架**，可以完美运行在iOS，Android，Linux（ARM/x86-64），Windows（包含VR），Mac，和**Dokcer容器**上。
-- GuiLite与操作系统及第三方图形库无关，甚至也可以运行在无OS的单片机环境。
 - GuiLite可以嵌入在iOS、Android、MFC、QT等其他UI系统中，让你的界面集百家之长，又不失个性。
+- GuiLite与操作系统及第三方图形库无关，甚至也可以运行在无OS的单片机环境。
 - GuiLite鼓励混合编程，开发者可以用GuiLite接管UI部分，用Swift，Java，Go，C#，Python开发业务部分。
-- ⚠️不鼓励大家全盘接受GuiLite，更愿意大家掌握UI的核心原理
+- ⚠️不鼓励大家全盘接受GuiLite，更愿意大家自主定制GuiLite
 - ⚙️希望GuiLite小到足够帮助大家掌握UI工作原理，从而摆脱UI框架的束缚，构建自己独一无二的UI
 - 👑任何UI框架都不为你我而生，你才是自己真正的主人
 
-## 新的打开方式：![Docker](https://images.gitee.com/uploads/images/2019/0302/131807_4e607d6c_1671974.jpeg)
-我们把GuiLite demo做成了Docker容器，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。
+## 🔥新的打开方式：![Docker](https://images.gitee.com/uploads/images/2019/0302/131807_4e607d6c_1671974.jpeg)
+我们把GuiLite demo做成了Docker映像，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。
 - `sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh`
 
 ## 功能介绍
-### 卓越的跨平台能力(包括有/无操作系统的单片机平台)
-在Mac, iOS下的运行效果:
+### 卓越的跨平台能力
+| ARM Linux | STM32 Without OS |
+| --- | --- |
+| ![ARM Linux](doc/Linux.gif) | ![MCU](doc/HelloParticle.gif) ![MCU](doc/HelloWave.gif) |
 
-![Mac](doc/Mac.gif) ![iOS](doc/Ios.landscape.gif)
+| Windows Mixed Reality | Android |
+| --- | --- |
+| ![Win MR](doc/WinMR.gif) | ![Android](doc/Android.gif) |
 
-在Android，嵌入式ARM Linux下的运行效果:
-
-![Android](doc/Android.gif) ![Linux](doc/Linux.gif)
-
-在Windows混合现实，及单片机下的运行效果:
-
-![Win MR](doc/WinMR.gif) ![MCU](doc/MCU.gif)
-
-### 万国语和墙纸
-- 墙纸：
-![unicode](doc/wallpaper.jpg)
-
-- 万国语(unicode)：
+| macOS | iOS |
+| --- | --- |
+| ![macOS](doc/Mac.gif) | ![iOS](doc/Ios.landscape.gif) |
+***
+### Docker容器
+我们把GuiLite demo做成了Docker映像，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。
+- `sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh`
+***
+### 易于定制界面
+![wallpaper](doc/wallpaper.jpg)
+***
+### 万国语(unicode)：
 ![unicode](doc/unicode.jpg)
-
-- [如何制作多种文字/位图资源?](https://github.com/idea4good/GuiLiteToolkit)
-
+***
 ### “换肤”功能
 ![multi-theme](doc/multi-theme.png)
-
-[如何“换肤”？](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HostMonitor/SampleCode/source/resource/resource.cpp)
-
+***
 ### 自我监控
-- **上报“编译/运行”情况至“云端”：**
-
-![BuildInfo](doc/BuildInfo.png)
-
-- **同步“本地数据”至“云端”：**
-
-![DataOnCloud](doc/data_on_cloud.png)
-
-## 实例程序
+- 上报“编译/运行”情况至“云端”：<br>![BuildInfo](doc/BuildInfo.png)
+- 同步“本地数据”至“云端”：<br>![DataOnCloud](doc/data_on_cloud.png)
+***
+## 快速上手
 GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何用GuiLite开发App，我们提供了一些实例程序给大家参考。
-- 点击[这里](https://gitee.com/idea4good/GuiLiteSamples)预览UI效果。
+- 实例程序的代码在[这里](https://github.com/idea4good/GuiLiteSamples)。
 - 实例程序的功能说明：
 
 | 实例名称 | 支持的平台 | 功能简介 | 编译方法 | 难度 |
@@ -75,9 +70,11 @@ GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何
 ## 开发文档
 - [如何编译?](doc/HowToBuild.md)
 - [设计原理](doc/CodeWalkthrough-cn.md)
-- [UML示意图](doc/UML.md)
 - [如何布局UI?](doc/HowLayoutWork.md)
+- [如何制作多种文字/位图资源?](https://github.com/idea4good/GuiLiteToolkit)
+- [如何“换肤”？](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HostMonitor/SampleCode/source/resource/resource.cpp)
 - [如何传递消息?](doc/HowMessageWork.md)
+- [核心UML示意图](doc/UML.md)
 
 ## 学习方法
 1. **外围** - 成功编译GuiLite库
@@ -92,11 +89,9 @@ GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何
 - [3D GuiLite](https://v.youku.com/v_show/id_XMzYxNTE3MTI0MA)
 - [GuiLite + 单片机](https://v.youku.com/v_show/id_XNDAwNzM5MTM3Ng)
 
-## GitHub链接
+## 镜像代码仓库
 [GitHub链接](https://github.com/idea4good/GuiLite)
 
 ## 致谢
-### 感谢开发者群的所有同学，是你们塑造了今天的GuiLite！也欢迎新的大神/小白加入我们。
-![QQ group: 527251257](doc/qq.group.jpg)
-### 感谢来自码云用户的捐赠，您的每一分钱都会用来帮助急需帮助的中国儿童或家庭。
-
+- 感谢开发者群的所有同学，是你们塑造了今天的GuiLite！也欢迎新的大神/小白加入我们。<br>![QQ group: 527251257](qq.group.jpg)
+- 感谢来自[码云用户](https://gitee.com/idea4good/GuiLite)的捐赠，您的每一分钱都会用来帮助急需帮助的中国儿童或家庭。