diff --git a/README.md b/README.md
index 628932c..134d34d 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 <div align="center">
-    <h1>lowflow-design 低代码流程设计器</h1>
+    <h1>lowflow-design</h1>
+    <p>低代码流程设计器</p>
 </div>
 
 ## 介绍
@@ -7,14 +8,29 @@ lowflow-design是一个基于`Vue3`，`Vite`，`TypeScript`，`Element-Plus`等
 让普通人也能通过简单配置快速搭建流程。
 ## 在线预览
 https://tsai996.github.io/lowflow-design/
-## 示例图
-![flow.png](public%2Fflow.png)
-![penal.png](public%2Fpenal.png)
-## 一键转BPMN（待完善暂不开源）
-![dark.png](public%2Fdark.png)
-![bpmn.png](public%2Fbpmn.png)
+#### 项目源码
+|     |   后端源码  |   前端源码  |
+|---  |--- | --- |
+|  github   |  https://github.com/tsai996/lowflow-design-converter   |  https://github.com/tsai996/lowflow-design   |
+|  码云   |  https://gitee.com/cai_xiao_feng/lowflow-design-converter   |  https://gitee.com/cai_xiao_feng/lowflow-design   |
+#### 示例图
+<p>
+    <img alt="节点项" src="public/flow.png" style="display: inline-block"/>
+    <img alt="属性面板" src="public/penal.png" style="display: inline-block"/>
+</p>
+
 ## 加微信拉入群聊（备注：加群）
-![wx.png](public%2Fwx.png)
+<p>
+    <img alt="微信" src="public/wx.png" width="240" style="display: inline-block"/>
+</p>
+
+## 赞助
+开源不易如果该项目对您有帮助，您可以请我喝杯奶茶。
+<p>
+    <img alt="微信" src="public/wxpay.png" height="240" width="240" style="display: inline-block"/>
+    <img alt="支付宝" src="public/alipay.png" height="240" width="240" style="display: inline-block"/>
+</p>
+
 ## 推荐
 大家在使用本项目时，推荐结合贺波老师的书[《深入Activiti流程引擎：核心原理与高阶实战》](https://item.m.jd.com/product/13928958.html?gx=RnAomTM2bmCImZxDqYAkVCoIHuIYVqc)，这本书对系统学习和深入掌握Activiti/Flowable的用法非常有帮助。
 ![book.png](public%2Fbook.png)
diff --git a/public/alipay.png b/public/alipay.png
new file mode 100644
index 0000000..eb503d3
Binary files /dev/null and b/public/alipay.png differ
diff --git a/public/bpmn-img.png b/public/bpmn-img.png
new file mode 100644
index 0000000..e361280
Binary files /dev/null and b/public/bpmn-img.png differ
diff --git a/public/flow.png b/public/flow.png
index b0aa928..1e34458 100644
Binary files a/public/flow.png and b/public/flow.png differ
diff --git a/public/lowflow.png b/public/lowflow.png
new file mode 100644
index 0000000..945747e
Binary files /dev/null and b/public/lowflow.png differ
diff --git a/public/penal.png b/public/penal.png
index 3ec0e90..a5beb2c 100644
Binary files a/public/penal.png and b/public/penal.png differ
diff --git a/public/wxpay.png b/public/wxpay.png
new file mode 100644
index 0000000..fadb1e1
Binary files /dev/null and b/public/wxpay.png differ