docs(main): 补充debug图片说明

Author: isettle

README.md

@@ -1,11 +1,11 @@
 IntelliJ IDEA / PhpStorm Hyperf Plugin
 ========================
 
-| Key        | Value                                      |
-|------------|--------------------------------------------|
+| Key        | Value                                     |
+|------------|-------------------------------------------|
 | Plugin Url | https://plugins.jetbrains.com/plugin/23007 |
-| ID         | io.maliboot.www.hyperf                     |
-| Changelog  | [CHANGELOG](CHANGELOG.md)                  |
+| ID         | `io.maliboot.www.hyperf`                  |
+| Changelog  | [CHANGELOG](CHANGELOG.md)                 |
 
 About
 ---------------------
@@ -18,10 +18,11 @@ Install
 
 Feature
 ---------------------
+* ![Debug Preview](doc/xdebug.png)
 * Debug调试
   * 问题背景：hyperf的AOP会生成编译生成代理文件，如`app/IndexController.php`会生成`./runtime/container/proxy/APP_IndexController.proxy.php`代理文件。当程序启动时，`IndexController.php`变成了模板文件不再参与程序运行，`APP_IndexController.proxy.php`成为了实际上真正运行的文件，所以当debug调试程序时所有的`断点`和`堆栈列表日志`都追溯到了代理文件内。
   * 解决方案：通过对比解析`模板文件`与`代理文件`的断点所在行与类方法Stmt所在行相差的偏移量，将所有代理文件的`断点`映射到`模板文件`内
-* Lombok支持（Testing）：[maliboot/lombok](https://github.com/maliboot/lombok)适配，解决该PHP扩展使用时编辑器没有自动补全、参数提示、错误语法高量、导航等功能
+* Lombok支持（Todo）：[maliboot/lombok](https://github.com/maliboot/lombok)适配，解决该PHP扩展使用时编辑器没有自动补全、参数提示、错误语法高量、导航等功能
 
 Idea
 ---------------------