This is an automated email from the ASF dual-hosted git repository.

dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/inlong-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 6904e7baf [INLONG-493][Doc] Add lightweight and standard Tabs (#494)
6904e7baf is described below

commit 6904e7baf5483cdb69a35a0b0453762274b35897
Author: Charles Zhang <[email protected]>
AuthorDate: Mon Jul 25 22:09:21 2022 +0800

    [INLONG-493][Doc] Add lightweight and standard Tabs (#494)
---
 docs/introduction.md                               |  15 +++++++++++++++
 .../current/introduction.md                        |  15 +++++++++++++++
 static/img/inlong-structure-en.png                 | Bin 161020 -> 161059 bytes
 static/img/inlong-structure-light.png              | Bin 0 -> 220494 bytes
 static/img/inlong-structure-zh.png                 | Bin 164933 -> 164975 bytes
 5 files changed, 30 insertions(+)

diff --git a/docs/introduction.md b/docs/introduction.md
index 60afad975..2a83343fa 100644
--- a/docs/introduction.md
+++ b/docs/introduction.md
@@ -3,6 +3,9 @@ title: InLong Introduction
 sidebar_position: 1
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > InLong (应龙) is a divine beast in Chinese mythology who guides the river into 
 > the sea, 
 > and it is regarded as a metaphor of the InLong system for reporting data 
 > streams.
 
@@ -36,7 +39,19 @@ payment, social networking, games, artificial intelligence, 
etc., to provide eff
   InLong adopts a pluggable architecture that allows you to plug modules into 
the system based on specific protocols. Users can replace components and add 
features based on their business requirements.
 
 ## Architecture
+<Tabs
+defaultValue="standard"
+values={[
+{label: 'Standard', value: 'standard'},
+{label: 'Lightweight', value: 'lightweight'},
+]}>
+<TabItem value="standard">
 <img src="/img/inlong-structure-en.png" align="center" alt="Apache InLong"/>
+</TabItem>
+<TabItem value="lightweight">
+<img src="/img/inlong-structure-light.png" align="center" alt="Apache InLong"/>
+</TabItem>
+</Tabs>
 
 ## Modules
 Apache InLong serves the entire life cycle from data collection to landing,  
and provides different processing modules according to different stages of 
data,  including the next modules:
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/introduction.md 
b/i18n/zh-CN/docusaurus-plugin-content-docs/current/introduction.md
index aadfc62e4..45f02576a 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/introduction.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/introduction.md
@@ -3,6 +3,9 @@ title: InLong 简介
 sidebar_position: 1
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > InLong(应龙),中国神话故事里的神兽,引流入海,借喻 InLong 系统提供数据集成能力。
 
 ## 关于 InLong
@@ -33,7 +36,19 @@ Apache InLong 依托 10 万亿级别的数据接入和处理能力,整合了
   全链条上的各个模块基于协议以可插拔方式组成服务,业务可根据自身需要进行组件替换和功能扩展
 
 ## 架构
+<Tabs
+defaultValue="standard"
+values={[
+{label: 'Standard', value: 'standard'},
+{label: 'Lightweight', value: 'lightweight'},
+]}>
+<TabItem value="standard">
 <img src="/img/inlong-structure-zh.png" align="center" alt="Apache InLong"/>
+</TabItem>
+<TabItem value="lightweight">
+<img src="/img/inlong-structure-light.png" align="center" alt="Apache InLong"/>
+</TabItem>
+</Tabs>
 
 ## 模块
 Apache InLong 服务于数据采集到落地的整个生命周期,按数据的不同阶段提供不同的处理模块,主要包括:
diff --git a/static/img/inlong-structure-en.png 
b/static/img/inlong-structure-en.png
index 9ea2f4526..cdf5a9b9a 100644
Binary files a/static/img/inlong-structure-en.png and 
b/static/img/inlong-structure-en.png differ
diff --git a/static/img/inlong-structure-light.png 
b/static/img/inlong-structure-light.png
new file mode 100644
index 000000000..b3ad6c0c8
Binary files /dev/null and b/static/img/inlong-structure-light.png differ
diff --git a/static/img/inlong-structure-zh.png 
b/static/img/inlong-structure-zh.png
index 584caccc5..2e95f8c9f 100644
Binary files a/static/img/inlong-structure-zh.png and 
b/static/img/inlong-structure-zh.png differ

Reply via email to