You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@inlong.apache.org by do...@apache.org on 2022/06/25 09:27:31 UTC
[inlong-website] branch master updated: [INLONG-447] Standardized Version Variables (#449)

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 e8231562b [INLONG-447] Standardized Version Variables (#449)
e8231562b is described below

commit e8231562bfe68c074213718fd47f0b385afc9ca4
Author: Lizhen <88...@users.noreply.github.com>
AuthorDate: Sat Jun 25 17:27:25 2022 +0800

    [INLONG-447] Standardized Version Variables (#449)
---
 docs/data_node/extract_node/kafka.md                 | 12 +++++++-----
 docs/data_node/extract_node/mongodb-cdc.md           | 12 +++++++-----
 docs/data_node/extract_node/mysql-cdc.md             | 15 +++++++++------
 docs/data_node/extract_node/oracle-cdc.md            | 12 +++++++-----
 docs/data_node/extract_node/postgresql-cdc.md        | 12 +++++++-----
 docs/data_node/extract_node/pulsar.md                | 12 +++++++-----
 docs/data_node/extract_node/sqlserver-cdc.md         | 12 +++++++-----
 docs/data_node/load_node/clickhouse.md               | 12 +++++++-----
 docs/data_node/load_node/elasticsearch.md            | 20 ++++++++++++--------
 docs/data_node/load_node/greenplum.md                | 12 +++++++-----
 docs/data_node/load_node/hbase.md                    | 12 +++++++-----
 docs/data_node/load_node/hive.md                     | 12 +++++++-----
 docs/data_node/load_node/iceberg.md                  | 12 +++++++-----
 docs/data_node/load_node/kafka.md                    | 12 +++++++-----
 docs/data_node/load_node/mysql.md                    | 12 +++++++-----
 docs/data_node/load_node/oracle.md                   | 12 +++++++-----
 docs/data_node/load_node/postgresql.md               | 12 +++++++-----
 docs/data_node/load_node/sqlserver.md                | 12 +++++++-----
 docs/data_node/load_node/tdsql-postgresql.md         | 12 +++++++-----
 docs/development/inlong_manager_shiro_plugin.md      | 15 +++++++++------
 docs/development/inlong_msg.md                       | 15 +++++++++------
 docs/sdk/dataproxy-sdk/example.md                    | 17 ++++++++++-------
 docs/sdk/manager-sdk/example.md                      | 11 +++++++----
 docs/version.js                                      |  3 +++
 .../current/data_node/extract_node/kafka.md          | 13 ++++++++-----
 .../current/data_node/extract_node/mongodb-cdc.md    | 12 +++++++-----
 .../current/data_node/extract_node/mysql-cdc.md      | 12 +++++++-----
 .../current/data_node/extract_node/oracle-cdc.md     | 12 +++++++-----
 .../current/data_node/extract_node/postgresql-cdc.md | 12 +++++++-----
 .../current/data_node/extract_node/pulsar.md         | 12 +++++++-----
 .../current/data_node/extract_node/sqlserver-cdc.md  | 13 ++++++++-----
 .../current/data_node/load_node/clickhouse.md        | 12 +++++++-----
 .../current/data_node/load_node/elasticsearch.md     | 20 ++++++++++++--------
 .../current/data_node/load_node/greenplum.md         | 12 +++++++-----
 .../current/data_node/load_node/hbase.md             | 12 +++++++-----
 .../current/data_node/load_node/hive.md              | 14 ++++++++------
 .../current/data_node/load_node/iceberg.md           | 12 +++++++-----
 .../current/data_node/load_node/kafka.md             | 12 +++++++-----
 .../current/data_node/load_node/mysql.md             | 12 +++++++-----
 .../current/data_node/load_node/oracle.md            | 12 +++++++-----
 .../current/data_node/load_node/postgresql.md        | 12 +++++++-----
 .../current/data_node/load_node/sqlserver.md         | 12 +++++++-----
 .../current/data_node/load_node/tdsql-postgresql.md  | 12 +++++++-----
 .../development/inlong_manager_shiro_plugin.md       | 15 +++++++++------
 .../current/development/inlong_msg.md                | 15 +++++++++------
 .../current/sdk/dataproxy-sdk/example.md             | 17 ++++++++++-------
 .../current/sdk/manager-sdk/example.md               | 11 +++++++----
 .../current/version.js                               |  3 +++
 .../version-1.2.0/data_node/extract_node/kafka.md    | 13 ++++++++-----
 .../data_node/extract_node/mongodb-cdc.md            | 12 +++++++-----
 .../data_node/extract_node/mysql-cdc.md              | 12 +++++++-----
 .../data_node/extract_node/oracle-cdc.md             | 12 +++++++-----
 .../data_node/extract_node/postgresql-cdc.md         | 12 +++++++-----
 .../version-1.2.0/data_node/extract_node/pulsar.md   | 12 +++++++-----
 .../data_node/extract_node/sqlserver-cdc.md          | 13 ++++++++-----
 .../version-1.2.0/data_node/load_node/clickhouse.md  | 12 +++++++-----
 .../data_node/load_node/elasticsearch.md             | 20 ++++++++++++--------
 .../version-1.2.0/data_node/load_node/greenplum.md   | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/hbase.md       | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/hive.md        | 14 ++++++++------
 .../version-1.2.0/data_node/load_node/iceberg.md     | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/kafka.md       | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/mysql.md       | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/oracle.md      | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/postgresql.md  | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/sqlserver.md   | 12 +++++++-----
 .../data_node/load_node/tdsql-postgresql.md          | 12 +++++++-----
 .../development/inlong_manager_shiro_plugin.md       | 15 +++++++++------
 .../version-1.2.0/development/inlong_msg.md          | 15 +++++++++------
 .../version-1.2.0/sdk/dataproxy-sdk/example.md       | 17 ++++++++++-------
 .../version-1.2.0/sdk/manager-sdk/example.md         | 11 +++++++----
 .../version-1.2.0/version.js                         |  3 +++
 .../version-1.2.0/data_node/extract_node/kafka.md    | 13 ++++++++-----
 .../data_node/extract_node/mongodb-cdc.md            | 12 +++++++-----
 .../data_node/extract_node/mysql-cdc.md              | 12 +++++++-----
 .../data_node/extract_node/oracle-cdc.md             | 12 +++++++-----
 .../data_node/extract_node/postgresql-cdc.md         | 12 +++++++-----
 .../version-1.2.0/data_node/extract_node/pulsar.md   | 14 ++++++++------
 .../data_node/extract_node/sqlserver-cdc.md          | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/clickhouse.md  | 13 +++++++------
 .../data_node/load_node/elasticsearch.md             | 20 ++++++++++++--------
 .../version-1.2.0/data_node/load_node/greenplum.md   | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/hbase.md       | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/hive.md        | 13 ++++++++-----
 .../version-1.2.0/data_node/load_node/iceberg.md     | 13 +++++++------
 .../version-1.2.0/data_node/load_node/kafka.md       | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/mysql.md       | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/oracle.md      | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/postgresql.md  | 12 +++++++-----
 .../version-1.2.0/data_node/load_node/sqlserver.md   | 12 +++++++-----
 .../data_node/load_node/tdsql-postgresql.md          | 12 +++++++-----
 .../development/inlong_manager_shiro_plugin.md       | 15 +++++++++------
 .../version-1.2.0/development/inlong_msg.md          | 15 +++++++++------
 .../version-1.2.0/sdk/dataproxy-sdk/example.md       | 17 ++++++++++-------
 .../version-1.2.0/sdk/manager-sdk/example.md         | 11 +++++++----
 versioned_docs/version-1.2.0/version.js              |  3 +++
 96 files changed, 715 insertions(+), 490 deletions(-)

diff --git a/docs/data_node/extract_node/kafka.md b/docs/data_node/extract_node/kafka.md
index 14d9456b7..2a7f784e4 100644
--- a/docs/data_node/extract_node/kafka.md
+++ b/docs/data_node/extract_node/kafka.md
@@ -3,6 +3,8 @@ title: Kafka
 sidebar_position: 4
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Kafka Extract Node` supports to read data from Kafka topics. It can support read data in the normal fashion and read data in the
@@ -22,14 +24,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a Kafka Extract Node
 
diff --git a/docs/data_node/extract_node/mongodb-cdc.md b/docs/data_node/extract_node/mongodb-cdc.md
index 8118de8f4..701a6e4c9 100644
--- a/docs/data_node/extract_node/mongodb-cdc.md
+++ b/docs/data_node/extract_node/mongodb-cdc.md
@@ -3,6 +3,8 @@ title: MongoDB-CDC
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The MongoDB CDC connector allows for reading snapshot data and incremental data from MongoDB. This document describes how to setup the MongoDB CDC connector to run SQL queries against MongoDB.
@@ -18,14 +20,14 @@ In order to setup the MongoDB CDC connector, the following table provides depend
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mongodb-cdc</artifactId>
-    <!-- select inlong version -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Setup MongoDB
 
diff --git a/docs/data_node/extract_node/mysql-cdc.md b/docs/data_node/extract_node/mysql-cdc.md
index 5a5b5c3f0..0c20d01da 100644
--- a/docs/data_node/extract_node/mysql-cdc.md
+++ b/docs/data_node/extract_node/mysql-cdc.md
@@ -3,6 +3,8 @@ title: MySQL-CDC
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The MySQL Extract Node allows for reading snapshot data and incremental data from MySQL database. This document describes how to set up the MySQL Extract Node to run SQL queries against MySQL databases.
@@ -18,14 +20,15 @@ In order to set up the MySQL Extract Node, the following table provides dependen
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
-    <artifactId>sort-connector-mysql-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <artifactId>sort-connector-mongodb-cdc</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
+
 
 The MySQL driver dependency is also required to connect to MySQL database. Please download [mysql-connector-java-8.0.21.jar](https://repo1.maven.org/maven2/mysql/mysql-connector-java/8.0.21/mysql-connector-java-8.0.21.jar) and put it into `FLINK_HOME/lib/`.
 
diff --git a/docs/data_node/extract_node/oracle-cdc.md b/docs/data_node/extract_node/oracle-cdc.md
index eb1323986..0bc27e8bd 100644
--- a/docs/data_node/extract_node/oracle-cdc.md
+++ b/docs/data_node/extract_node/oracle-cdc.md
@@ -3,6 +3,8 @@ title: Oracle-CDC
 sidebar_position: 7
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The Oracle Extract Node allows for reading snapshot data and incremental data from Oracle database.
@@ -19,14 +21,14 @@ In order to setup the Oracle Extract Node, the following table provides dependen
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-oracle-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 The Oracle driver dependency is also required to connect to Oracle database. Please download [ojdbc8-19.3.0.0.jar](https://repo1.maven.org/maven2/com/oracle/database/jdbc/ojdbc8/19.3.0.0/ojdbc8-19.3.0.0.jar) and put it into `FLINK_HOME/lib/`.
 
diff --git a/docs/data_node/extract_node/postgresql-cdc.md b/docs/data_node/extract_node/postgresql-cdc.md
index 1348d2a54..c43b58980 100644
--- a/docs/data_node/extract_node/postgresql-cdc.md
+++ b/docs/data_node/extract_node/postgresql-cdc.md
@@ -3,6 +3,8 @@ title: PostgreSQL-CDC
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `PostgreSQL Extract Node` allows for reading snapshot data and incremental data from PostgreSQL database. This document describes how to set up the `PostgreSQL Extract Node` to run SQL queries against PostgreSQL databases.
@@ -20,14 +22,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-postgres-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## Setup PostgreSQL server
 
 Change Data Capture (CDC) allows you to track and propagate changes in a PostgreSQL database to downstream consumers based on its Write-Ahead Log (WAL).
diff --git a/docs/data_node/extract_node/pulsar.md b/docs/data_node/extract_node/pulsar.md
index 17c6ae764..7cdf24580 100644
--- a/docs/data_node/extract_node/pulsar.md
+++ b/docs/data_node/extract_node/pulsar.md
@@ -3,6 +3,8 @@ title: Pulsar
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 [Apache Pulsar](https://pulsar.apache.org/) is a distributed, open source pub-sub messaging and steaming platform for real-time workloads, managing hundreds of billions of events per day.
@@ -15,14 +17,14 @@ sidebar_position: 9
 
 ## Dependencies
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-pulsar</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Usage
 
diff --git a/docs/data_node/extract_node/sqlserver-cdc.md b/docs/data_node/extract_node/sqlserver-cdc.md
index 300f485aa..945e7bc5e 100644
--- a/docs/data_node/extract_node/sqlserver-cdc.md
+++ b/docs/data_node/extract_node/sqlserver-cdc.md
@@ -3,6 +3,8 @@ title: SQLServer-CDC
 sidebar_position: 10
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The SQLServer Extract Node reads data and incremental data from the SQLServer database. The following will describe how to set up the SQLServer extraction node.
@@ -20,14 +22,14 @@ Of course, you can also use INLONG to provide jar packages.([sort-connector-sqls
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-sqlserver-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## Setup SQLServer Extract Node
 
 SQLServer Extract Node needs to open related libraries and tables, the steps are as follows:
diff --git a/docs/data_node/load_node/clickhouse.md b/docs/data_node/load_node/clickhouse.md
index 0b6470f95..3b9b20b92 100644
--- a/docs/data_node/load_node/clickhouse.md
+++ b/docs/data_node/load_node/clickhouse.md
@@ -3,6 +3,8 @@ title: ClickHouse
 sidebar_position: 3
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `ClickHouse Load Node` supports to write data into ClickHouse database. This document describes how to set up the ClickHouse Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a ClickHouse Load Node
 
diff --git a/docs/data_node/load_node/elasticsearch.md b/docs/data_node/load_node/elasticsearch.md
index 76d705b3a..635462c8b 100644
--- a/docs/data_node/load_node/elasticsearch.md
+++ b/docs/data_node/load_node/elasticsearch.md
@@ -3,6 +3,8 @@ title: Elasticsearch
 sidebar_position: 4
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The Elasticsearch Load Node allows for writing into an index of the Elasticsearch engine. This document describes how to setup the Elasticsearch Load Node to run SQL queries against Elasticsearch.
@@ -23,22 +25,24 @@ In order to use the Elasticsearch Load Node the following dependencies are requi
 
 - Elasticsearch 6
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch6</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 - Elasticsearch 7
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch7</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create an Elasticsearch Load Node
 
diff --git a/docs/data_node/load_node/greenplum.md b/docs/data_node/load_node/greenplum.md
index 4c009f0a8..f53c82d1d 100644
--- a/docs/data_node/load_node/greenplum.md
+++ b/docs/data_node/load_node/greenplum.md
@@ -3,6 +3,8 @@ title: Greenplum
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Greenplum Load Node` supports to write data into Greenplum database. This document describes how to set up the Greenplum Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a PostgreSQL Load Node
 
diff --git a/docs/data_node/load_node/hbase.md b/docs/data_node/load_node/hbase.md
index 905563a3b..984528306 100644
--- a/docs/data_node/load_node/hbase.md
+++ b/docs/data_node/load_node/hbase.md
@@ -3,6 +3,8 @@ title: HBase
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `HBase Load Node` supports to write data into HBase database.
@@ -20,14 +22,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hbase</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## How to create a HBase Load Node
 
 ### Usage for SQL API
diff --git a/docs/data_node/load_node/hive.md b/docs/data_node/load_node/hive.md
index aa64b34ee..05e325e3a 100644
--- a/docs/data_node/load_node/hive.md
+++ b/docs/data_node/load_node/hive.md
@@ -3,6 +3,8 @@ title: Hive
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 Hive Load Node can write data to hive. Using the flink dialect, the insert operation is currently supported, and the data in the upsert mode will be converted into insert.
 Manipulating hive tables using the hive dialect is currently not supported.
@@ -20,14 +22,14 @@ Of course, you can also use INLONG to provide jar packages.([sort-connector-hive
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hive</artifactId>
- <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## How to create a Hive Load Node
 
 ### Usage for SQL API
diff --git a/docs/data_node/load_node/iceberg.md b/docs/data_node/load_node/iceberg.md
index 2694d7f90..80cf8d09d 100644
--- a/docs/data_node/load_node/iceberg.md
+++ b/docs/data_node/load_node/iceberg.md
@@ -3,6 +3,8 @@ title: Iceberg
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 [Apache Iceberg](https://iceberg.apache.org/) is a high-performance format for huge analytic tables.
 
@@ -14,14 +16,14 @@ sidebar_position: 9
 
 ## Dependencies
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-iceberg</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Usage
 
diff --git a/docs/data_node/load_node/kafka.md b/docs/data_node/load_node/kafka.md
index 96003ba96..a3891cd0f 100644
--- a/docs/data_node/load_node/kafka.md
+++ b/docs/data_node/load_node/kafka.md
@@ -3,6 +3,8 @@ title: Kafka
 sidebar_position: 10
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Kafka Load Node` supports to write data into Kafka topics. It can support to write data in the normal fashion and write data in the
@@ -22,14 +24,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a Kafka Load Node
 
diff --git a/docs/data_node/load_node/mysql.md b/docs/data_node/load_node/mysql.md
index 42ee03594..627978051 100644
--- a/docs/data_node/load_node/mysql.md
+++ b/docs/data_node/load_node/mysql.md
@@ -3,6 +3,8 @@ title: MySQL
 sidebar_position: 11
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `MySQL Load Node` supports to write data into MySQL database. This document describes how to set up the MySQL Load 
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 MySQL license is conflict with Inlong license. So We remove MySQL driver in pom.xml. User can modify pom.xml before maven 
 packaging if User need use it.
 
diff --git a/docs/data_node/load_node/oracle.md b/docs/data_node/load_node/oracle.md
index 735dbf0df..37b9cb5db 100644
--- a/docs/data_node/load_node/oracle.md
+++ b/docs/data_node/load_node/oracle.md
@@ -3,6 +3,8 @@ title: Oracle
 sidebar_position: 12
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Oracle Load Node` supports to write data into Oracle database. This document describes how to set up the Oracle Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 Oracle license is conflict with Inlong license. So We remove Oracle driver in pom.xml. User can modify pom.xml before maven
 packaging if User need use it.
 
diff --git a/docs/data_node/load_node/postgresql.md b/docs/data_node/load_node/postgresql.md
index 3835b0a11..dd92041ce 100644
--- a/docs/data_node/load_node/postgresql.md
+++ b/docs/data_node/load_node/postgresql.md
@@ -3,6 +3,8 @@ title: PostgreSQL
 sidebar_position: 13
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `PostgreSQL Load Node` supports to write data into PostgreSQL database. This document describes how to set up the PostgreSQL Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a PostgreSQL Load Node
 
diff --git a/docs/data_node/load_node/sqlserver.md b/docs/data_node/load_node/sqlserver.md
index b9a07fb68..40c872605 100644
--- a/docs/data_node/load_node/sqlserver.md
+++ b/docs/data_node/load_node/sqlserver.md
@@ -3,6 +3,8 @@ title: SQLServer
 sidebar_position: 14
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `SQLServer Load Node` supports to write data into SQLServer database. This document describes how to set up the SQLServer Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create an SQLServer Load Node
 
diff --git a/docs/data_node/load_node/tdsql-postgresql.md b/docs/data_node/load_node/tdsql-postgresql.md
index 2a36aeadd..cf34ab5dc 100644
--- a/docs/data_node/load_node/tdsql-postgresql.md
+++ b/docs/data_node/load_node/tdsql-postgresql.md
@@ -3,6 +3,8 @@ title: TDSQL-PostgreSQL
 sidebar_position: 15
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `TDSQL-PostgreSQL Load Node` supports to write data into TDSQL-PostgreSQL database. This document describes how to set up the TDSQL-PostgreSQL Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a TDSQL-PostgreSQL Load Node
 
diff --git a/docs/development/inlong_manager_shiro_plugin.md b/docs/development/inlong_manager_shiro_plugin.md
index 6d82ee7f9..15e866de5 100644
--- a/docs/development/inlong_manager_shiro_plugin.md
+++ b/docs/development/inlong_manager_shiro_plugin.md
@@ -3,18 +3,21 @@ title: Custom Authentication
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../version';
+
 ## Overview
 The Apache Shiro framework is used in the inlong manager to realize the functions of authentication and authorization. The manager has integrated the default implementation logic. If you want to realize the custom Shiro based authentication and authorization function in the inlong manager, you can carry out the plug-in development of relevant functions according to the following instructions.
 
 ## Dependency
 - Add Maven Dependency
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>manager-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>manager-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Code
 - Implement the following interfaces
diff --git a/docs/development/inlong_msg.md b/docs/development/inlong_msg.md
index 2a63e28b8..bbee8ed10 100644
--- a/docs/development/inlong_msg.md
+++ b/docs/development/inlong_msg.md
@@ -3,18 +3,21 @@ title: Parse InLongMsg
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../version';
+
 ## Overview
 If you consume data directly from a message queue (InLong TubeMQ or Pulsar), you need to parse `InLongMsg` first. Origin data can be parsed in the following ways.
 
 ## Dependency
 - Add Maven Dependency
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>inlong-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>inlong-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 - Add Parse Method
 ```java
diff --git a/docs/sdk/dataproxy-sdk/example.md b/docs/sdk/dataproxy-sdk/example.md
index 5c36684a9..534dcf971 100644
--- a/docs/sdk/dataproxy-sdk/example.md
+++ b/docs/sdk/dataproxy-sdk/example.md
@@ -3,6 +3,8 @@ title: Example
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 Inlong-dataproxy-sdk provides access api for TCP and HTTP protocols. When using TCP or HTTP access, you need to ensure that the dataproxy server has the access configuration of the corresponding protocol (ie the TCP or HTTP source service). If the user needs to use the UDP protocol to access, the user needs to packets data according to the bytes arrays transmitted by TCP, and send them to the dataproxy server using the UDP protocol.
 and dataproxy server will handle messages in the same way as TCP.
@@ -11,13 +13,14 @@ In addition, access demo codes for TCP, HTTP, and UDP protocols are provided in
 To view detailed API information [overview](./overview).
 
 ## Add Dependency
-```
-   <dependency>
-           <groupId>org.apache.inlong</groupId>
-           <artifactId>dataproxy-sdk</artifactId>
-           <version>${inlong_version}</version>
-   </dependency>
-```
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>dataproxy-sdk</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
+</dependency>
+`}
+</code></pre>
 
 ## TCP Example
 
diff --git a/docs/sdk/manager-sdk/example.md b/docs/sdk/manager-sdk/example.md
index 5b2a93980..ab37bc67c 100644
--- a/docs/sdk/manager-sdk/example.md
+++ b/docs/sdk/manager-sdk/example.md
@@ -3,6 +3,8 @@ title: Example
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 Apache InLong Manager is the user-oriented unified UI of the entire data access platform. Now we provide client SDK for users,
@@ -11,13 +13,14 @@ which means you can use client to manipulate your group task instead of UI.
 ## Dependency
 
 - Add Maven Dependency
-```xml
- <dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>manager-client</artifactId>
-    <version>${inlong.version}</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Code
 
diff --git a/docs/version.js b/docs/version.js
new file mode 100644
index 000000000..7a6815e2f
--- /dev/null
+++ b/docs/version.js
@@ -0,0 +1,3 @@
+export const siteVariables = {
+  inLongVersion: '1.3.0-SNAPSHOT',
+};
\ No newline at end of file
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/kafka.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/kafka.md
index bca179e95..196a95d65 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/kafka.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/kafka.md
@@ -2,6 +2,9 @@
 title: Kafka
 sidebar_position: 4
 ---
+
+import {siteVariables} from '../../version';
+
 ## 概述
 
 `Kafka Extract` 节点 支持从 Kafka topics 中读取数据。它支持以普通的方式读取数据和 Upsert 的方式读取数据。`upsert-kafka` 连接器生产 `changelog` 流,
@@ -19,14 +22,14 @@ sidebar_position: 4
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 Kafka Extract 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mongodb-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mongodb-cdc.md
index 1db5b5ecf..b9dbe1fd5 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mongodb-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mongodb-cdc.md
@@ -3,6 +3,8 @@ title: MongoDB-CDC
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 MongoDB CDC 连接器允许从 MongoDB 读取快照数据和增量数据。本文档介绍如何设置 MongoDB CDC 连接器以对 MongoDB 运行 SQL 查询。
@@ -18,14 +20,14 @@ I.为了设置 MongoDB CDC 连接器，下表提供了使用构建自动化工
 
 ### Maven依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mongodb-cdc</artifactId>
-    <!-- 选择你使用的 inlong 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 设置 MongoDB
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mysql-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mysql-cdc.md
index 19630772c..e9dcb9e16 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mysql-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/mysql-cdc.md
@@ -3,6 +3,8 @@ title: MySQL-CDC
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 MySQL Extract 节点允许从 MySQL 数据库中读取快照数据和增量数据。本文档介绍如何设置 MySQL Extract 节点以对 MySQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ MySQL Extract 节点允许从 MySQL 数据库中读取快照数据和增量数
 
 ### Maven 依赖
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mysql-cdc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 连接 MySQL 数据库还需要 MySQL 驱动程序依赖项。请下载[mysql-connector-java-8.0.21.jar](https://repo1.maven.org/maven2/mysql/mysql-connector-java/8.0.21/mysql-connector-java-8.0.21.jar) 并将其放入 `FLINK_HOME/lib/`。
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/oracle-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/oracle-cdc.md
index 19ec782d8..15dcfee77 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/oracle-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/oracle-cdc.md
@@ -3,6 +3,8 @@ title: Oracle-CDC
 sidebar_position: 7
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 Oracle Extract 节点允许从 Oracle 数据库中读取快照数据和增量数据。本文档介绍如何设置 Oracle Extract 节点以对 Oracle 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ Oracle Extract 节点允许从 Oracle 数据库中读取快照数据和增量数
 
 ### Maven 依赖
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-oracle-cdc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 连接 Oracle 数据库还需要 Oracle 驱动程序依赖项。请下载[ojdbc8-19.3.0.0.jar](https://repo1.maven.org/maven2/com/oracle/database/jdbc/ojdbc8/19.3.0.0/ojdbc8-19.3.0.0.jar) 并将其放入 `FLINK_HOME/lib/`。
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/postgresql-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/postgresql-cdc.md
index d455dcd01..b561778c5 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/postgresql-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/postgresql-cdc.md
@@ -3,6 +3,8 @@ title: PostgreSQL-CDC
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 `PostgreSQL Extract` 节点允许从 PostgreSQL 数据库中读取快照数据和增量数据。 本文档描述了如何设置 PostgreSQL Extract 节点以对 PostgreSQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 8
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-postgres-cdc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 设置 PostgreSQL 服务
 
 更改数据捕获 (CDC) 允许您跟踪 PostgreSQL 数据库中的更改并将其传播到基于其预写日志 (WAL) 的下游消费者。
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/pulsar.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/pulsar.md
index 52071b99f..6b8e6607e 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/pulsar.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/pulsar.md
@@ -3,6 +3,8 @@ title: Pulsar
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 [Apache Pulsar](https://pulsar.apache.org/)是一个分布式、开源的 pub-sub 消息传递和流平台，用于实时工作负载，每天管理数千亿个事件。
@@ -15,14 +17,14 @@ sidebar_position: 9
 
 ## 依赖项
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-pulsar</artifactId>
-    <!-- 选择匹配你inlong应用的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 用法
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/sqlserver-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/sqlserver-cdc.md
index 890597689..be3cb65c7 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/sqlserver-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/extract_node/sqlserver-cdc.md
@@ -2,6 +2,9 @@
 title: SQLServer-CDC
 sidebar_position: 10
 ---
+
+import {siteVariables} from '../../version';
+
 ## 概述
 
 SQLServer 提取节点从 SQLServer 数据库中读取数据和增量数据。下面将介绍如何配置 SQLServer 抽取节点。
@@ -19,14 +22,14 @@ SQLServer 提取节点从 SQLServer 数据库中读取数据和增量数据。
 
 ### Maven依赖配置
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-sqlserver-cdc</artifactId>
-    <!-- 填写适合你应用的 inlong 版本-->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 配置 SQLServer 加载节点
 
 SQLServer 加载节点需要开启库和表的 CDC 功能，配置步骤如下：
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/clickhouse.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/clickhouse.md
index 3fb707208..5490af572 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/clickhouse.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/clickhouse.md
@@ -3,6 +3,8 @@ title: ClickHouse
 sidebar_position: 3
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `ClickHouse Load` 节点支持将数据写入 ClickHouse 数据库。 本文档介绍如何设置 ClickHouse Load 节点以对 ClickHouse 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 3
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 ClickHouse Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/elasticsearch.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/elasticsearch.md
index 9a7f5435b..e73753dc6 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/elasticsearch.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/elasticsearch.md
@@ -3,6 +3,8 @@ title: Elasticsearch
 sidebar_position: 4
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 Elasticsearch Load 节点允许将数据写入到 Elasticsearch 引擎的索引中。本文档描述运行 SQL 查询时如何设置 Elasticsearch Load 节点。
@@ -23,22 +25,24 @@ Elasticsearch Load 节点允许将数据写入到 Elasticsearch 引擎的索引
 
 - Elasticsearch 6
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch6</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 - Elasticsearch 7
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch7</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建一个 Elasticsearch Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/greenplum.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/greenplum.md
index e5226dbe8..4616ea3c7 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/greenplum.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/greenplum.md
@@ -3,6 +3,8 @@ title: Greenplum
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `Greenplum Load` 节点支持将数据写入 Greenplum 数据库。 本文档介绍如何设置 Greenplum Load 节点以对 Greenplum 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 5
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 PostgreSQL Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hbase.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hbase.md
index b90914eaa..e61bc4bc3 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hbase.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hbase.md
@@ -3,6 +3,8 @@ title: HBase
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `HBase Load` 节点支持写数据都 HBase 数据库.
@@ -20,14 +22,14 @@ sidebar_position: 6
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hbase</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 如何创建 HBase Load 节点
 
 ### SQL API 用法
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hive.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hive.md
index c5301ed9c..6ea60ad9c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hive.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/hive.md
@@ -3,6 +3,8 @@ title: Hive
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 Hive 加载节点可以将数据写入 Hive。使用 Flink 方言，目前仅支持 Insert 操作，Upsert 模式下的数据会转换成 Insert 方式
 目前暂时不支持使用 Hive 方言操作 Hive 表。
@@ -11,7 +13,7 @@ Hive 加载节点可以将数据写入 Hive。使用 Flink 方言，目前仅支
 
 | Load Node                           | Version                                            | 
 |-------------------------------------|----------------------------------------------------|
-| [Hive](./hive.md) | [Hive](https://nightlies.apache.org/flink/flink-docs-master/docs/connectors/table/hive/overview/#supported-hive-versions): 1.x, 2.x, 3.x |
+| [Hive](./hive.md) | [Hive](https://nightlies.apache.org/flink/flink-docs-master/docs/connectors/table/hive/overview/#supported-hive-version): 1.x, 2.x, 3.x |
 
 ### 依赖
 
@@ -20,14 +22,14 @@ Hive 加载节点可以将数据写入 Hive。使用 Flink 方言，目前仅支
 
 ### Maven 依赖
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hive</artifactId>
-    <!-- 填写适合你应用的 inlong 版本-->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 如何配置 Hive 数据加载节点
 
 ### SQL API 的使用
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/iceberg.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/iceberg.md
index e19f12fa5..3f932c631 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/iceberg.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/iceberg.md
@@ -3,6 +3,8 @@ title: Iceberg
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 [Apache Iceberg](https://iceberg.apache.org/)是一种用于大型分析表的高性能格式。
@@ -15,14 +17,14 @@ sidebar_position: 9
 
 ## 依赖项
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-iceberg</artifactId>
-    <!-- 选择匹配你inlong应用的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 用法
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/kafka.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/kafka.md
index fed246185..04800c5a0 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/kafka.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/kafka.md
@@ -3,6 +3,8 @@ title: Kafka
 sidebar_position: 10
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `Kafka Load` 节点支持写数据到 Kafka topics。 它支持以普通的方式写入数据和 Upsert 的方式写入数据。 upsert-kafka 连接器可以消费 changelog 流。它会将 INSERT/UPDATE_AFTER 数据作为正常的 Kafka 消息写入，并将 DELETE 数据以 value 为空的 Kafka 消息写入（表示对应 key 的消息被删除）。
@@ -19,14 +21,14 @@ sidebar_position: 10
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 Kafka Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/mysql.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/mysql.md
index 21d59ff26..9047b70f0 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/mysql.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/mysql.md
@@ -3,6 +3,8 @@ title: MySQL
 sidebar_position: 11
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `MySQL Load` 节点支持将数据写入 MySQL 数据库。 本文档介绍如何设置 MySQL Load 节点以对 MySQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 11
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 MySQL license 和 Inlong license 是冲突的。 所以我们移除了pom中的 MySQL 驱动依赖。 如果我们想使用这个连接器，我们可以修改pom文件。
 
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/oracle.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/oracle.md
index d8d4085bf..450e8b7bc 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/oracle.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/oracle.md
@@ -3,6 +3,8 @@ title: Oracle
 sidebar_position: 12
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `Oracle Load` 节点支持将数据写入 Oracle 数据库。 本文档介绍如何设置 Oracle Load 节点以对 Oracle 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 12
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 Oracle license 和 Inlong license 是冲突的。 所以我们移除了pom中的 Oracle 驱动依赖。 如果我们想使用这个连接器，我们可以修改pom文件。
 
 ## 如何创建 Oracle Load 节点
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/postgresql.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/postgresql.md
index 5c86f5370..0e4f54bce 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/postgresql.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/postgresql.md
@@ -3,6 +3,8 @@ title: PostgreSQL
 sidebar_position: 13
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `PostgreSQL Load` 节点支持将数据写入 PostgreSQL 数据库。 本文档介绍如何设置 PostgreSQL Load 节点以对 PostgreSQL 数据库运行 SQL 查询。
@@ -20,14 +22,14 @@ sidebar_position: 13
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 PostgreSQL Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/sqlserver.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/sqlserver.md
index dc7ab5bf9..21f4424fc 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/sqlserver.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/sqlserver.md
@@ -3,6 +3,8 @@ title: SQLServer
 sidebar_position: 14
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `SQLServer Load` 节点支持将数据写入 MySQL 数据库。 本文档介绍如何设置 SQLServer Load 节点以对 SQLServer 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 14
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 SQLServer Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/tdsql-postgresql.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/tdsql-postgresql.md
index f7c467ec5..d558538d1 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/tdsql-postgresql.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/data_node/load_node/tdsql-postgresql.md
@@ -3,6 +3,8 @@ title: TDSQL-PostgreSQL
 sidebar_position: 15
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `TDSQL-PostgreSQL Load` 节点支持将数据写入 TDSQL-PostgreSQL 数据库。 本文档介绍如何设置 TDSQL-PostgreSQL Load 节点以对 TDSQL-PostgreSQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 15
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 TDSQL-PostgreSQL Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_manager_shiro_plugin.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_manager_shiro_plugin.md
index 4aaec480e..9badc964d 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_manager_shiro_plugin.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_manager_shiro_plugin.md
@@ -3,18 +3,21 @@ title: 自定义认证
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../version';
+
 ## 总览
 Inlong Manager中使用了Apache Shiro框架实现了认证和授权等功能，Manager已经集成好了默认的实现逻辑，如果您想在Inlong Manager中实现自定义的基于Shiro的认证和授权功能，您可以按照如下的说明，进行相关功能的插件化开发。
 
 ## 依赖
 - 增加maven 依赖
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>manager-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>manager-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 编码
 - 实现其中关于Shiro相关模块的接口
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_msg.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_msg.md
index 5487ac31d..5a0df85a5 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_msg.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/development/inlong_msg.md
@@ -3,18 +3,21 @@ title: 解析 InLongMsg
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../version';
+
 ## 总览
 如果直接从消息队列（InLong TubeMQ 或Pulsar)消费数据，需要先对`InLongMsg` 进行解析。可通过以下方式可以解析出源数据。
 
 ## 解析
 - 增加maven 依赖
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>inlong-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>inlong-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 - 增加解析逻辑
 ```java
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/dataproxy-sdk/example.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/dataproxy-sdk/example.md
index cf9cd1b61..e7592e3b2 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/dataproxy-sdk/example.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/dataproxy-sdk/example.md
@@ -3,6 +3,8 @@ title: 示例
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../../version';
+
 ## 总览
 Inlong-dataproxy-sdk 提供 TCP、HTTP两种协议的接入 api ，使用 TCP 或者 HTTP 接入时需要保证 Dataproxy 服务器端，有对应的协议的接入配置（即对应的 Source 服务配置）。如果，需要使用 UDP 方式接入，
 需要自己按照 TCP 传输的 bytes 数组格式进行组包，采用 UDP 协议发送到 dataproxy 服务器，服务器端采用与TCP一样的方式对接。
@@ -11,13 +13,14 @@ Inlong-dataproxy-sdk 提供 TCP、HTTP两种协议的接入 api ，使用 TCP 
 Api 详情，请查看[总览](./overview)
 
 ## 增加依赖
-```
-   <dependency>
-           <groupId>org.apache.inlong</groupId>
-           <artifactId>dataproxy-sdk</artifactId>
-           <version>${inlong_version}</version>
-   </dependency>
-```
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>dataproxy-sdk</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
+</dependency>
+`}
+</code></pre>
   
 ## TCP 示例
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/manager-sdk/example.md b/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/manager-sdk/example.md
index 69d83e29e..da9bf8afa 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/manager-sdk/example.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/sdk/manager-sdk/example.md
@@ -3,6 +3,8 @@ title: 示例
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../../version';
+
 ## 总览
 
 Apache InLong Manager 是整个数据集成平台面向用户的统一管理入口。为方便用户使用在无界面的场景下部署InLong group任务，我们提供了Manager的客户端SDK。
@@ -10,13 +12,14 @@ Apache InLong Manager 是整个数据集成平台面向用户的统一管理入
 ## 依赖
 
 - 增加 maven 依赖
-```xml
- <dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>manager-client</artifactId>
-    <version>${inlong.version}</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 代码
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/version.js b/i18n/zh-CN/docusaurus-plugin-content-docs/current/version.js
new file mode 100644
index 000000000..7a6815e2f
--- /dev/null
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/version.js
@@ -0,0 +1,3 @@
+export const siteVariables = {
+  inLongVersion: '1.3.0-SNAPSHOT',
+};
\ No newline at end of file
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/kafka.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/kafka.md
index bca179e95..196a95d65 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/kafka.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/kafka.md
@@ -2,6 +2,9 @@
 title: Kafka
 sidebar_position: 4
 ---
+
+import {siteVariables} from '../../version';
+
 ## 概述
 
 `Kafka Extract` 节点 支持从 Kafka topics 中读取数据。它支持以普通的方式读取数据和 Upsert 的方式读取数据。`upsert-kafka` 连接器生产 `changelog` 流,
@@ -19,14 +22,14 @@ sidebar_position: 4
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 Kafka Extract 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md
index 1db5b5ecf..b9dbe1fd5 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md
@@ -3,6 +3,8 @@ title: MongoDB-CDC
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 MongoDB CDC 连接器允许从 MongoDB 读取快照数据和增量数据。本文档介绍如何设置 MongoDB CDC 连接器以对 MongoDB 运行 SQL 查询。
@@ -18,14 +20,14 @@ I.为了设置 MongoDB CDC 连接器，下表提供了使用构建自动化工
 
 ### Maven依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mongodb-cdc</artifactId>
-    <!-- 选择你使用的 inlong 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 设置 MongoDB
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mysql-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mysql-cdc.md
index 19630772c..e9dcb9e16 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mysql-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/mysql-cdc.md
@@ -3,6 +3,8 @@ title: MySQL-CDC
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 MySQL Extract 节点允许从 MySQL 数据库中读取快照数据和增量数据。本文档介绍如何设置 MySQL Extract 节点以对 MySQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ MySQL Extract 节点允许从 MySQL 数据库中读取快照数据和增量数
 
 ### Maven 依赖
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mysql-cdc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 连接 MySQL 数据库还需要 MySQL 驱动程序依赖项。请下载[mysql-connector-java-8.0.21.jar](https://repo1.maven.org/maven2/mysql/mysql-connector-java/8.0.21/mysql-connector-java-8.0.21.jar) 并将其放入 `FLINK_HOME/lib/`。
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/oracle-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/oracle-cdc.md
index 19ec782d8..15dcfee77 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/oracle-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/oracle-cdc.md
@@ -3,6 +3,8 @@ title: Oracle-CDC
 sidebar_position: 7
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 Oracle Extract 节点允许从 Oracle 数据库中读取快照数据和增量数据。本文档介绍如何设置 Oracle Extract 节点以对 Oracle 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ Oracle Extract 节点允许从 Oracle 数据库中读取快照数据和增量数
 
 ### Maven 依赖
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-oracle-cdc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 连接 Oracle 数据库还需要 Oracle 驱动程序依赖项。请下载[ojdbc8-19.3.0.0.jar](https://repo1.maven.org/maven2/com/oracle/database/jdbc/ojdbc8/19.3.0.0/ojdbc8-19.3.0.0.jar) 并将其放入 `FLINK_HOME/lib/`。
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md
index d455dcd01..b561778c5 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md
@@ -3,6 +3,8 @@ title: PostgreSQL-CDC
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 `PostgreSQL Extract` 节点允许从 PostgreSQL 数据库中读取快照数据和增量数据。 本文档描述了如何设置 PostgreSQL Extract 节点以对 PostgreSQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 8
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-postgres-cdc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 设置 PostgreSQL 服务
 
 更改数据捕获 (CDC) 允许您跟踪 PostgreSQL 数据库中的更改并将其传播到基于其预写日志 (WAL) 的下游消费者。
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/pulsar.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/pulsar.md
index 52071b99f..6b8e6607e 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/pulsar.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/pulsar.md
@@ -3,6 +3,8 @@ title: Pulsar
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概述
 
 [Apache Pulsar](https://pulsar.apache.org/)是一个分布式、开源的 pub-sub 消息传递和流平台，用于实时工作负载，每天管理数千亿个事件。
@@ -15,14 +17,14 @@ sidebar_position: 9
 
 ## 依赖项
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-pulsar</artifactId>
-    <!-- 选择匹配你inlong应用的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 用法
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md
index 890597689..be3cb65c7 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md
@@ -2,6 +2,9 @@
 title: SQLServer-CDC
 sidebar_position: 10
 ---
+
+import {siteVariables} from '../../version';
+
 ## 概述
 
 SQLServer 提取节点从 SQLServer 数据库中读取数据和增量数据。下面将介绍如何配置 SQLServer 抽取节点。
@@ -19,14 +22,14 @@ SQLServer 提取节点从 SQLServer 数据库中读取数据和增量数据。
 
 ### Maven依赖配置
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-sqlserver-cdc</artifactId>
-    <!-- 填写适合你应用的 inlong 版本-->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 配置 SQLServer 加载节点
 
 SQLServer 加载节点需要开启库和表的 CDC 功能，配置步骤如下：
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/clickhouse.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/clickhouse.md
index 3fb707208..5490af572 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/clickhouse.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/clickhouse.md
@@ -3,6 +3,8 @@ title: ClickHouse
 sidebar_position: 3
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `ClickHouse Load` 节点支持将数据写入 ClickHouse 数据库。 本文档介绍如何设置 ClickHouse Load 节点以对 ClickHouse 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 3
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 ClickHouse Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/elasticsearch.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/elasticsearch.md
index 9a7f5435b..e73753dc6 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/elasticsearch.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/elasticsearch.md
@@ -3,6 +3,8 @@ title: Elasticsearch
 sidebar_position: 4
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 Elasticsearch Load 节点允许将数据写入到 Elasticsearch 引擎的索引中。本文档描述运行 SQL 查询时如何设置 Elasticsearch Load 节点。
@@ -23,22 +25,24 @@ Elasticsearch Load 节点允许将数据写入到 Elasticsearch 引擎的索引
 
 - Elasticsearch 6
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch6</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 - Elasticsearch 7
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch7</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建一个 Elasticsearch Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/greenplum.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/greenplum.md
index e5226dbe8..4616ea3c7 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/greenplum.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/greenplum.md
@@ -3,6 +3,8 @@ title: Greenplum
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `Greenplum Load` 节点支持将数据写入 Greenplum 数据库。 本文档介绍如何设置 Greenplum Load 节点以对 Greenplum 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 5
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 PostgreSQL Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hbase.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hbase.md
index b90914eaa..e61bc4bc3 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hbase.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hbase.md
@@ -3,6 +3,8 @@ title: HBase
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `HBase Load` 节点支持写数据都 HBase 数据库.
@@ -20,14 +22,14 @@ sidebar_position: 6
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hbase</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 如何创建 HBase Load 节点
 
 ### SQL API 用法
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hive.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hive.md
index c5301ed9c..6ea60ad9c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hive.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/hive.md
@@ -3,6 +3,8 @@ title: Hive
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 Hive 加载节点可以将数据写入 Hive。使用 Flink 方言，目前仅支持 Insert 操作，Upsert 模式下的数据会转换成 Insert 方式
 目前暂时不支持使用 Hive 方言操作 Hive 表。
@@ -11,7 +13,7 @@ Hive 加载节点可以将数据写入 Hive。使用 Flink 方言，目前仅支
 
 | Load Node                           | Version                                            | 
 |-------------------------------------|----------------------------------------------------|
-| [Hive](./hive.md) | [Hive](https://nightlies.apache.org/flink/flink-docs-master/docs/connectors/table/hive/overview/#supported-hive-versions): 1.x, 2.x, 3.x |
+| [Hive](./hive.md) | [Hive](https://nightlies.apache.org/flink/flink-docs-master/docs/connectors/table/hive/overview/#supported-hive-version): 1.x, 2.x, 3.x |
 
 ### 依赖
 
@@ -20,14 +22,14 @@ Hive 加载节点可以将数据写入 Hive。使用 Flink 方言，目前仅支
 
 ### Maven 依赖
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hive</artifactId>
-    <!-- 填写适合你应用的 inlong 版本-->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## 如何配置 Hive 数据加载节点
 
 ### SQL API 的使用
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/iceberg.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/iceberg.md
index e19f12fa5..3f932c631 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/iceberg.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/iceberg.md
@@ -3,6 +3,8 @@ title: Iceberg
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 [Apache Iceberg](https://iceberg.apache.org/)是一种用于大型分析表的高性能格式。
@@ -15,14 +17,14 @@ sidebar_position: 9
 
 ## 依赖项
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-iceberg</artifactId>
-    <!-- 选择匹配你inlong应用的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 用法
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/kafka.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/kafka.md
index fed246185..04800c5a0 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/kafka.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/kafka.md
@@ -3,6 +3,8 @@ title: Kafka
 sidebar_position: 10
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `Kafka Load` 节点支持写数据到 Kafka topics。 它支持以普通的方式写入数据和 Upsert 的方式写入数据。 upsert-kafka 连接器可以消费 changelog 流。它会将 INSERT/UPDATE_AFTER 数据作为正常的 Kafka 消息写入，并将 DELETE 数据以 value 为空的 Kafka 消息写入（表示对应 key 的消息被删除）。
@@ -19,14 +21,14 @@ sidebar_position: 10
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 Kafka Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/mysql.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/mysql.md
index 21d59ff26..9047b70f0 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/mysql.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/mysql.md
@@ -3,6 +3,8 @@ title: MySQL
 sidebar_position: 11
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `MySQL Load` 节点支持将数据写入 MySQL 数据库。 本文档介绍如何设置 MySQL Load 节点以对 MySQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 11
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 MySQL license 和 Inlong license 是冲突的。 所以我们移除了pom中的 MySQL 驱动依赖。 如果我们想使用这个连接器，我们可以修改pom文件。
 
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/oracle.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/oracle.md
index d8d4085bf..450e8b7bc 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/oracle.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/oracle.md
@@ -3,6 +3,8 @@ title: Oracle
 sidebar_position: 12
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `Oracle Load` 节点支持将数据写入 Oracle 数据库。 本文档介绍如何设置 Oracle Load 节点以对 Oracle 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 12
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 Oracle license 和 Inlong license 是冲突的。 所以我们移除了pom中的 Oracle 驱动依赖。 如果我们想使用这个连接器，我们可以修改pom文件。
 
 ## 如何创建 Oracle Load 节点
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/postgresql.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/postgresql.md
index 5c86f5370..0e4f54bce 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/postgresql.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/postgresql.md
@@ -3,6 +3,8 @@ title: PostgreSQL
 sidebar_position: 13
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `PostgreSQL Load` 节点支持将数据写入 PostgreSQL 数据库。 本文档介绍如何设置 PostgreSQL Load 节点以对 PostgreSQL 数据库运行 SQL 查询。
@@ -20,14 +22,14 @@ sidebar_position: 13
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 PostgreSQL Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/sqlserver.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/sqlserver.md
index dc7ab5bf9..21f4424fc 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/sqlserver.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/sqlserver.md
@@ -3,6 +3,8 @@ title: SQLServer
 sidebar_position: 14
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `SQLServer Load` 节点支持将数据写入 MySQL 数据库。 本文档介绍如何设置 SQLServer Load 节点以对 SQLServer 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 14
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 SQLServer Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md
index f7c467ec5..d558538d1 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md
@@ -3,6 +3,8 @@ title: TDSQL-PostgreSQL
 sidebar_position: 15
 ---
 
+import {siteVariables} from '../../version';
+
 ## 概览
 
 `TDSQL-PostgreSQL Load` 节点支持将数据写入 TDSQL-PostgreSQL 数据库。 本文档介绍如何设置 TDSQL-PostgreSQL Load 节点以对 TDSQL-PostgreSQL 数据库运行 SQL 查询。
@@ -19,14 +21,14 @@ sidebar_position: 15
 
 ### Maven 依赖
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- 选择适合你的 Application 的版本 -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 如何创建 TDSQL-PostgreSQL Load 节点
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_manager_shiro_plugin.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_manager_shiro_plugin.md
index 4aaec480e..9badc964d 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_manager_shiro_plugin.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_manager_shiro_plugin.md
@@ -3,18 +3,21 @@ title: 自定义认证
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../version';
+
 ## 总览
 Inlong Manager中使用了Apache Shiro框架实现了认证和授权等功能，Manager已经集成好了默认的实现逻辑，如果您想在Inlong Manager中实现自定义的基于Shiro的认证和授权功能，您可以按照如下的说明，进行相关功能的插件化开发。
 
 ## 依赖
 - 增加maven 依赖
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>manager-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>manager-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 编码
 - 实现其中关于Shiro相关模块的接口
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_msg.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_msg.md
index 5487ac31d..5a0df85a5 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_msg.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/development/inlong_msg.md
@@ -3,18 +3,21 @@ title: 解析 InLongMsg
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../version';
+
 ## 总览
 如果直接从消息队列（InLong TubeMQ 或Pulsar)消费数据，需要先对`InLongMsg` 进行解析。可通过以下方式可以解析出源数据。
 
 ## 解析
 - 增加maven 依赖
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>inlong-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>inlong-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 - 增加解析逻辑
 ```java
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/dataproxy-sdk/example.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/dataproxy-sdk/example.md
index cf9cd1b61..e7592e3b2 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/dataproxy-sdk/example.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/dataproxy-sdk/example.md
@@ -3,6 +3,8 @@ title: 示例
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../../version';
+
 ## 总览
 Inlong-dataproxy-sdk 提供 TCP、HTTP两种协议的接入 api ，使用 TCP 或者 HTTP 接入时需要保证 Dataproxy 服务器端，有对应的协议的接入配置（即对应的 Source 服务配置）。如果，需要使用 UDP 方式接入，
 需要自己按照 TCP 传输的 bytes 数组格式进行组包，采用 UDP 协议发送到 dataproxy 服务器，服务器端采用与TCP一样的方式对接。
@@ -11,13 +13,14 @@ Inlong-dataproxy-sdk 提供 TCP、HTTP两种协议的接入 api ，使用 TCP 
 Api 详情，请查看[总览](./overview)
 
 ## 增加依赖
-```
-   <dependency>
-           <groupId>org.apache.inlong</groupId>
-           <artifactId>dataproxy-sdk</artifactId>
-           <version>${inlong_version}</version>
-   </dependency>
-```
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>dataproxy-sdk</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
+</dependency>
+`}
+</code></pre>
   
 ## TCP 示例
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/manager-sdk/example.md b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/manager-sdk/example.md
index 69d83e29e..da9bf8afa 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/manager-sdk/example.md
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/sdk/manager-sdk/example.md
@@ -3,6 +3,8 @@ title: 示例
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../../version';
+
 ## 总览
 
 Apache InLong Manager 是整个数据集成平台面向用户的统一管理入口。为方便用户使用在无界面的场景下部署InLong group任务，我们提供了Manager的客户端SDK。
@@ -10,13 +12,14 @@ Apache InLong Manager 是整个数据集成平台面向用户的统一管理入
 ## 依赖
 
 - 增加 maven 依赖
-```xml
- <dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>manager-client</artifactId>
-    <version>${inlong.version}</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## 代码
 
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/version.js b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/version.js
new file mode 100644
index 000000000..a9877b32c
--- /dev/null
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2.0/version.js
@@ -0,0 +1,3 @@
+export const siteVariables = {
+  inLongVersion: '1.2.0-incubating',
+};
\ No newline at end of file
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/kafka.md b/versioned_docs/version-1.2.0/data_node/extract_node/kafka.md
index 14d9456b7..49f0047d4 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/kafka.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/kafka.md
@@ -3,6 +3,8 @@ title: Kafka
 sidebar_position: 4
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Kafka Extract Node` supports to read data from Kafka topics. It can support read data in the normal fashion and read data in the
@@ -22,14 +24,15 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
+
 
 ## How to create a Kafka Extract Node
 
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md b/versioned_docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md
index 8118de8f4..701a6e4c9 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/mongodb-cdc.md
@@ -3,6 +3,8 @@ title: MongoDB-CDC
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The MongoDB CDC connector allows for reading snapshot data and incremental data from MongoDB. This document describes how to setup the MongoDB CDC connector to run SQL queries against MongoDB.
@@ -18,14 +20,14 @@ In order to setup the MongoDB CDC connector, the following table provides depend
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mongodb-cdc</artifactId>
-    <!-- select inlong version -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Setup MongoDB
 
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/mysql-cdc.md b/versioned_docs/version-1.2.0/data_node/extract_node/mysql-cdc.md
index 5a5b5c3f0..38b70c411 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/mysql-cdc.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/mysql-cdc.md
@@ -3,6 +3,8 @@ title: MySQL-CDC
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The MySQL Extract Node allows for reading snapshot data and incremental data from MySQL database. This document describes how to set up the MySQL Extract Node to run SQL queries against MySQL databases.
@@ -18,14 +20,14 @@ In order to set up the MySQL Extract Node, the following table provides dependen
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-mysql-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 The MySQL driver dependency is also required to connect to MySQL database. Please download [mysql-connector-java-8.0.21.jar](https://repo1.maven.org/maven2/mysql/mysql-connector-java/8.0.21/mysql-connector-java-8.0.21.jar) and put it into `FLINK_HOME/lib/`.
 
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/oracle-cdc.md b/versioned_docs/version-1.2.0/data_node/extract_node/oracle-cdc.md
index eb1323986..0bc27e8bd 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/oracle-cdc.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/oracle-cdc.md
@@ -3,6 +3,8 @@ title: Oracle-CDC
 sidebar_position: 7
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The Oracle Extract Node allows for reading snapshot data and incremental data from Oracle database.
@@ -19,14 +21,14 @@ In order to setup the Oracle Extract Node, the following table provides dependen
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-oracle-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 The Oracle driver dependency is also required to connect to Oracle database. Please download [ojdbc8-19.3.0.0.jar](https://repo1.maven.org/maven2/com/oracle/database/jdbc/ojdbc8/19.3.0.0/ojdbc8-19.3.0.0.jar) and put it into `FLINK_HOME/lib/`.
 
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md b/versioned_docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md
index 1348d2a54..c43b58980 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/postgresql-cdc.md
@@ -3,6 +3,8 @@ title: PostgreSQL-CDC
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `PostgreSQL Extract Node` allows for reading snapshot data and incremental data from PostgreSQL database. This document describes how to set up the `PostgreSQL Extract Node` to run SQL queries against PostgreSQL databases.
@@ -20,14 +22,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-postgres-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## Setup PostgreSQL server
 
 Change Data Capture (CDC) allows you to track and propagate changes in a PostgreSQL database to downstream consumers based on its Write-Ahead Log (WAL).
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/pulsar.md b/versioned_docs/version-1.2.0/data_node/extract_node/pulsar.md
index 17c6ae764..c54beffdc 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/pulsar.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/pulsar.md
@@ -3,6 +3,8 @@ title: Pulsar
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 [Apache Pulsar](https://pulsar.apache.org/) is a distributed, open source pub-sub messaging and steaming platform for real-time workloads, managing hundreds of billions of events per day.
@@ -15,14 +17,14 @@ sidebar_position: 9
 
 ## Dependencies
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
-    <artifactId>sort-connector-pulsar</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <artifactId>sort-connector-sqlserver-cdc</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Usage
 
diff --git a/versioned_docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md b/versioned_docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md
index 300f485aa..945e7bc5e 100644
--- a/versioned_docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md
+++ b/versioned_docs/version-1.2.0/data_node/extract_node/sqlserver-cdc.md
@@ -3,6 +3,8 @@ title: SQLServer-CDC
 sidebar_position: 10
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The SQLServer Extract Node reads data and incremental data from the SQLServer database. The following will describe how to set up the SQLServer extraction node.
@@ -20,14 +22,14 @@ Of course, you can also use INLONG to provide jar packages.([sort-connector-sqls
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-sqlserver-cdc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## Setup SQLServer Extract Node
 
 SQLServer Extract Node needs to open related libraries and tables, the steps are as follows:
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/clickhouse.md b/versioned_docs/version-1.2.0/data_node/load_node/clickhouse.md
index 0b6470f95..89aba7a57 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/clickhouse.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/clickhouse.md
@@ -3,6 +3,8 @@ title: ClickHouse
 sidebar_position: 3
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `ClickHouse Load Node` supports to write data into ClickHouse database. This document describes how to set up the ClickHouse Load
@@ -21,15 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
-
+`}
+</code></pre>
 ## How to create a ClickHouse Load Node
 
 ### Usage for SQL API
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/elasticsearch.md b/versioned_docs/version-1.2.0/data_node/load_node/elasticsearch.md
index 76d705b3a..635462c8b 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/elasticsearch.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/elasticsearch.md
@@ -3,6 +3,8 @@ title: Elasticsearch
 sidebar_position: 4
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The Elasticsearch Load Node allows for writing into an index of the Elasticsearch engine. This document describes how to setup the Elasticsearch Load Node to run SQL queries against Elasticsearch.
@@ -23,22 +25,24 @@ In order to use the Elasticsearch Load Node the following dependencies are requi
 
 - Elasticsearch 6
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch6</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 - Elasticsearch 7
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-elasticsearch7</artifactId>
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create an Elasticsearch Load Node
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/greenplum.md b/versioned_docs/version-1.2.0/data_node/load_node/greenplum.md
index 4c009f0a8..f53c82d1d 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/greenplum.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/greenplum.md
@@ -3,6 +3,8 @@ title: Greenplum
 sidebar_position: 5
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Greenplum Load Node` supports to write data into Greenplum database. This document describes how to set up the Greenplum Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a PostgreSQL Load Node
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/hbase.md b/versioned_docs/version-1.2.0/data_node/load_node/hbase.md
index 905563a3b..984528306 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/hbase.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/hbase.md
@@ -3,6 +3,8 @@ title: HBase
 sidebar_position: 6
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `HBase Load Node` supports to write data into HBase database.
@@ -20,14 +22,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hbase</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 ## How to create a HBase Load Node
 
 ### Usage for SQL API
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/hive.md b/versioned_docs/version-1.2.0/data_node/load_node/hive.md
index aa64b34ee..3a8d96ca5 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/hive.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/hive.md
@@ -3,6 +3,8 @@ title: Hive
 sidebar_position: 8
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 Hive Load Node can write data to hive. Using the flink dialect, the insert operation is currently supported, and the data in the upsert mode will be converted into insert.
 Manipulating hive tables using the hive dialect is currently not supported.
@@ -20,14 +22,15 @@ Of course, you can also use INLONG to provide jar packages.([sort-connector-hive
 
 ### Maven dependency
 
-```
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-hive</artifactId>
- <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
+
 ## How to create a Hive Load Node
 
 ### Usage for SQL API
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/iceberg.md b/versioned_docs/version-1.2.0/data_node/load_node/iceberg.md
index 2694d7f90..4a6a53eeb 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/iceberg.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/iceberg.md
@@ -3,6 +3,8 @@ title: Iceberg
 sidebar_position: 9
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 [Apache Iceberg](https://iceberg.apache.org/) is a high-performance format for huge analytic tables.
 
@@ -14,15 +16,14 @@ sidebar_position: 9
 
 ## Dependencies
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-iceberg</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
-
+`}
+</code></pre>
 ## Usage
 
 ### Usage for SQL API
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/kafka.md b/versioned_docs/version-1.2.0/data_node/load_node/kafka.md
index 96003ba96..a3891cd0f 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/kafka.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/kafka.md
@@ -3,6 +3,8 @@ title: Kafka
 sidebar_position: 10
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Kafka Load Node` supports to write data into Kafka topics. It can support to write data in the normal fashion and write data in the
@@ -22,14 +24,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-kafka</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a Kafka Load Node
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/mysql.md b/versioned_docs/version-1.2.0/data_node/load_node/mysql.md
index 42ee03594..627978051 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/mysql.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/mysql.md
@@ -3,6 +3,8 @@ title: MySQL
 sidebar_position: 11
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `MySQL Load Node` supports to write data into MySQL database. This document describes how to set up the MySQL Load 
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 MySQL license is conflict with Inlong license. So We remove MySQL driver in pom.xml. User can modify pom.xml before maven 
 packaging if User need use it.
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/oracle.md b/versioned_docs/version-1.2.0/data_node/load_node/oracle.md
index 735dbf0df..37b9cb5db 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/oracle.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/oracle.md
@@ -3,6 +3,8 @@ title: Oracle
 sidebar_position: 12
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `Oracle Load Node` supports to write data into Oracle database. This document describes how to set up the Oracle Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 Oracle license is conflict with Inlong license. So We remove Oracle driver in pom.xml. User can modify pom.xml before maven
 packaging if User need use it.
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/postgresql.md b/versioned_docs/version-1.2.0/data_node/load_node/postgresql.md
index 3835b0a11..dd92041ce 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/postgresql.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/postgresql.md
@@ -3,6 +3,8 @@ title: PostgreSQL
 sidebar_position: 13
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `PostgreSQL Load Node` supports to write data into PostgreSQL database. This document describes how to set up the PostgreSQL Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a PostgreSQL Load Node
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/sqlserver.md b/versioned_docs/version-1.2.0/data_node/load_node/sqlserver.md
index b9a07fb68..40c872605 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/sqlserver.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/sqlserver.md
@@ -3,6 +3,8 @@ title: SQLServer
 sidebar_position: 14
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `SQLServer Load Node` supports to write data into SQLServer database. This document describes how to set up the SQLServer Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create an SQLServer Load Node
 
diff --git a/versioned_docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md b/versioned_docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md
index 2a36aeadd..cf34ab5dc 100644
--- a/versioned_docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md
+++ b/versioned_docs/version-1.2.0/data_node/load_node/tdsql-postgresql.md
@@ -3,6 +3,8 @@ title: TDSQL-PostgreSQL
 sidebar_position: 15
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 The `TDSQL-PostgreSQL Load Node` supports to write data into TDSQL-PostgreSQL database. This document describes how to set up the TDSQL-PostgreSQL Load
@@ -21,14 +23,14 @@ build automation tool (such as Maven or SBT) and SQL Client with Sort Connectors
 
 ### Maven dependency
 
-```xml
-<dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>sort-connector-jdbc</artifactId>
-    <!-- Choose the version that suits your application -->
-    <version>inlong_version</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## How to create a TDSQL-PostgreSQL Load Node
 
diff --git a/versioned_docs/version-1.2.0/development/inlong_manager_shiro_plugin.md b/versioned_docs/version-1.2.0/development/inlong_manager_shiro_plugin.md
index 6d82ee7f9..15e866de5 100644
--- a/versioned_docs/version-1.2.0/development/inlong_manager_shiro_plugin.md
+++ b/versioned_docs/version-1.2.0/development/inlong_manager_shiro_plugin.md
@@ -3,18 +3,21 @@ title: Custom Authentication
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../version';
+
 ## Overview
 The Apache Shiro framework is used in the inlong manager to realize the functions of authentication and authorization. The manager has integrated the default implementation logic. If you want to realize the custom Shiro based authentication and authorization function in the inlong manager, you can carry out the plug-in development of relevant functions according to the following instructions.
 
 ## Dependency
 - Add Maven Dependency
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>manager-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>manager-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Code
 - Implement the following interfaces
diff --git a/versioned_docs/version-1.2.0/development/inlong_msg.md b/versioned_docs/version-1.2.0/development/inlong_msg.md
index 2a63e28b8..bbee8ed10 100644
--- a/versioned_docs/version-1.2.0/development/inlong_msg.md
+++ b/versioned_docs/version-1.2.0/development/inlong_msg.md
@@ -3,18 +3,21 @@ title: Parse InLongMsg
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../version';
+
 ## Overview
 If you consume data directly from a message queue (InLong TubeMQ or Pulsar), you need to parse `InLongMsg` first. Origin data can be parsed in the following ways.
 
 ## Dependency
 - Add Maven Dependency
-```xml
-<dependency>
-        <groupId>org.apache.inlong</groupId>
-        <artifactId>inlong-common</artifactId>
-        <version>inlong_version</version>
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>inlong-common</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 - Add Parse Method
 ```java
diff --git a/versioned_docs/version-1.2.0/sdk/dataproxy-sdk/example.md b/versioned_docs/version-1.2.0/sdk/dataproxy-sdk/example.md
index 5c36684a9..534dcf971 100644
--- a/versioned_docs/version-1.2.0/sdk/dataproxy-sdk/example.md
+++ b/versioned_docs/version-1.2.0/sdk/dataproxy-sdk/example.md
@@ -3,6 +3,8 @@ title: Example
 sidebar_position: 2
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 Inlong-dataproxy-sdk provides access api for TCP and HTTP protocols. When using TCP or HTTP access, you need to ensure that the dataproxy server has the access configuration of the corresponding protocol (ie the TCP or HTTP source service). If the user needs to use the UDP protocol to access, the user needs to packets data according to the bytes arrays transmitted by TCP, and send them to the dataproxy server using the UDP protocol.
 and dataproxy server will handle messages in the same way as TCP.
@@ -11,13 +13,14 @@ In addition, access demo codes for TCP, HTTP, and UDP protocols are provided in
 To view detailed API information [overview](./overview).
 
 ## Add Dependency
-```
-   <dependency>
-           <groupId>org.apache.inlong</groupId>
-           <artifactId>dataproxy-sdk</artifactId>
-           <version>${inlong_version}</version>
-   </dependency>
-```
+<pre><code parentName="pre">
+{`<dependency>
+    <groupId>org.apache.inlong</groupId>
+    <artifactId>dataproxy-sdk</artifactId>
+    <version>${siteVariables.inLongVersion}</version>
+</dependency>
+`}
+</code></pre>
 
 ## TCP Example
 
diff --git a/versioned_docs/version-1.2.0/sdk/manager-sdk/example.md b/versioned_docs/version-1.2.0/sdk/manager-sdk/example.md
index 5b2a93980..ab37bc67c 100644
--- a/versioned_docs/version-1.2.0/sdk/manager-sdk/example.md
+++ b/versioned_docs/version-1.2.0/sdk/manager-sdk/example.md
@@ -3,6 +3,8 @@ title: Example
 sidebar_position: 1
 ---
 
+import {siteVariables} from '../../version';
+
 ## Overview
 
 Apache InLong Manager is the user-oriented unified UI of the entire data access platform. Now we provide client SDK for users,
@@ -11,13 +13,14 @@ which means you can use client to manipulate your group task instead of UI.
 ## Dependency
 
 - Add Maven Dependency
-```xml
- <dependency>
+<pre><code parentName="pre">
+{`<dependency>
     <groupId>org.apache.inlong</groupId>
     <artifactId>manager-client</artifactId>
-    <version>${inlong.version}</version>
+    <version>${siteVariables.inLongVersion}</version>
 </dependency>
-```
+`}
+</code></pre>
 
 ## Code
 
diff --git a/versioned_docs/version-1.2.0/version.js b/versioned_docs/version-1.2.0/version.js
new file mode 100644
index 000000000..a9877b32c
--- /dev/null
+++ b/versioned_docs/version-1.2.0/version.js
@@ -0,0 +1,3 @@
+export const siteVariables = {
+  inLongVersion: '1.2.0-incubating',
+};
\ No newline at end of file