docs: update docs

Author: SWHL

docs/online_demo.md

@@ -5,34 +5,35 @@ hide:
   - toc
 ---
 
-<p align="left">
-    <a href="https://huggingface.co/spaces/SWHL/RapidOCRDemo" target="_blank"><img src="https://img.shields.io/badge/%F0%9F%A4%97-Hugging Face Demo-blue"></a>
-    <a href="https://www.modelscope.cn/studios/RapidAI/RapidOCRDemo" target="_blank"><img src="https://img.shields.io/badge/ModelScope-Demo-blue"></a>
-    <a href="https://aistudio.baidu.com/app/highcode/33121" target="_blank"><img src="https://img.shields.io/badge/AI%20Studio-Demo-blue"></a>
-    <a href="https://colab.research.google.com/github/RapidAI/RapidOCR/blob/main/assets/RapidOCRDemo.ipynb" target="_blank"><img src="https://raw.githubusercontent.com/RapidAI/RapidOCR/main/assets/colab-badge.svg" alt="Open in Colab"></a>
-    <a href="https://aistudio.baidu.com/aistudio/projectdetail/4444785?sUid=57084&shared=1&ts=1660896122332" target="_blank"><img src="https://img.shields.io/badge/PP-Open in AI Studio-blue.svg"></a><br/>
-</p>
+## 引言
+
+Hugging Face上的Demo和魔搭Demo是同一套代码，都是基于[streamlit](https://streamlit.io/)或者Gradio搭建而来的。Demo都是开源的，在demo平台都能找到对应源码。
 
-#### 简介
+两者区别在于，魔搭是国内平台，不需要科学上网即可访问使用；Hugging Face则需要科学上网。
 
-- Hugging Face上的Demo和魔搭Demo是同一套代码，都是基于[streamlit](https://streamlit.io/)搭建而来的。
-- 两者区别在于，魔搭是国内平台，不需要科学上网即可访问使用；Hugging Face则需要科学上网。
-- 搭建demo的目的在于：
-    - 快速查看指定图像的识别效果和识别时长
-    - 快速比较不同版本的检测和识别模型效果差异
+搭建demo的目的在于：
 
-#### 在线Demo
+- 快速查看指定图像的识别效果和识别时长
+- 快速比较不同版本的检测和识别模型效果差异
 
-- **Hugging Face:** <a href="https://huggingface.co/spaces/SWHL/RapidOCRDemo" target="_blank"><img src="https://img.shields.io/badge/%F0%9F%A4%97-Hugging Face Demo-blue"></a>
-- **阿里魔搭社区：** <a href="https://www.modelscope.cn/studios/RapidAI/RapidOCRDemo" target="_blank"><img src="https://img.shields.io/badge/ModelScope-Demo-blue"></a>
-- **百度星河社区：** <a href="https://aistudio.baidu.com/app/highcode/33121" target="_blank"><img src="https://img.shields.io/badge/AI%20Studio-Demo-blue"></a>
+### RapidOCR v3
 
-#### Demo源码
+对应`rapidocr` v3.x 版本
 
-- **Hugging Face:** <https://huggingface.co/spaces/RapidAI/RapidOCR/tree/main>
-- **魔搭社区:** <https://www.modelscope.cn/studios/RapidAI/RapidOCRDemo/files>
-- **百度星河社区：** <https://aistudio.baidu.com/app/highcode/33121/files>
+### RapidOCR v2
 
-<div align="left">
-    <iframe src="https://rapidai-rapidocr.hf.space" frameborder="0" width="1550" height="850"></iframe>
-</div>
+对应`rapidocr` v2.x 版本
+
+<p align="left">
+    <a href="https://huggingface.co/spaces/RapidAI/RapidOCRv2" target="_blank"><img src="https://img.shields.io/badge/%F0%9F%A4%97-Hugging Face Demo%20v1-blue"></a>
+    <a href="https://www.modelscope.cn/studios/RapidAI/RapidOCRv2" target="_blank"><img src="https://img.shields.io/badge/ModelScope-Demo%20v1-blue"></a>
+</p>
+
+### RapidOCR v1
+
+对应`rapidocr` v1.x 版本
+
+<p align="left">
+    <a href="https://huggingface.co/spaces/RapidAI/RapidOCR" target="_blank"><img src="https://img.shields.io/badge/%F0%9F%A4%97-Hugging Face Demo%20v1-blue"></a>
+    <a href="https://www.modelscope.cn/studios/RapidAI/RapidOCRDemo" target="_blank"><img src="https://img.shields.io/badge/ModelScope-Demo%20v1-blue"></a>
+</p>