perf: auto load icons (#688)

* perf: icon

* perf: icon

* doc

* perf: simple edit ui

* doc

* doc

* doc

* doc

docSite/content/docs/workflow/examples/google_search.md

@@ -9,7 +9,7 @@ weight: 402
 
 |                       |                       |
 | --------------------- | --------------------- |
-| ![](/imgs/google_search_1.png) | ![](/imgs/google_search_2.png) |
+| ![](/imgs/google_search_1.jpg) | ![](/imgs/google_search_2.jpg) |
 
 
 如上图，利用 HTTP 模块，你可以外接一个搜索引擎作为AI回复的参考资料。这里以调用 Google Search API 为例。注意：本文主要是为了介绍 HTTP 模型，具体的搜索效果需要依赖提示词和搜索引擎，尤其是【搜索引擎】，简单的搜索引擎无法获取更详细的内容，这部分可能需要更多的调试。

docSite/content/docs/workflow/examples/lab_appointment.md

@@ -9,8 +9,8 @@ weight: 403
 
 |                       |                       |
 | --------------------- | --------------------- |
-| ![](/imgs/demo-appointment1.png) | ![](/imgs/demo-appointment2.png) |
-| ![](/imgs/demo-appointment3.png) | ![](/imgs/demo-appointment4.png) |
+| ![](/imgs/demo-appointment1.jpg) | ![](/imgs/demo-appointment2.jpg) |
+| ![](/imgs/demo-appointment3.jpg) | ![](/imgs/demo-appointment4.jpg) |
 
 
 
@@ -26,7 +26,7 @@ weight: 403
 
 ## 2. 问题分类
 
-![](/imgs/demo-appointment5.png)
+![](/imgs/demo-appointment5.jpg)
 
 如上图，用户问题作为对话的起点，流入【问题分类模块】，根据用户问题的内容，判断用户是询问实验室相关问题、预约实验室或其他问题。如果用户询问的是非实验问题，会直接拒绝回复内容。再根据问题是属于询问实验室相关/预约类问题，执行不同的流程。
 
@@ -43,7 +43,7 @@ weight: 403
 
 |                       |                       | |
 | --------------------- | --------------------- |--------------------- |
-| ![](/imgs/demo-appointment6.png) | ![](/imgs/demo-appointment7.png) | ![](/imgs/demo-appointment8.png) |
+| ![](/imgs/demo-appointment6.jpg) | ![](/imgs/demo-appointment7.jpg) | ![](/imgs/demo-appointment8.jpg) |
 
 内容提取是 LLM 带来的十分重要的能力，可以从自然语言中提取出结构化的数据，从而方便进行逻辑处理。
 
@@ -57,7 +57,7 @@ weight: 403
 
 HTTP 模块允许你调用任意 GET/POST 类型的 HTTP 接口，从而实现一些复杂的业务逻辑。这里我们调用了一个预约实验室的接口，传入的是信息提取模块的结果和预约行为。
 
-![](/imgs/demo-appointment9.png)
+![](/imgs/demo-appointment9.jpg)
 
 具体的入参结构可以参考[HTTP模块](/docs/workflow/modules/http/)，实在不行在接口里多打印 Debug。