diff --git a/.cnb.yml b/.cnb.yml
new file mode 100644
index 00000000..bb82b287
--- /dev/null
+++ b/.cnb.yml
@@ -0,0 +1,16 @@
+.sync: &sync
+  - imports:
+      - https://cnb.cool/tencent/tdesign/tdesign-private/-/blob/main/cnb-envs.yml
+    stages:
+      - name: Sync to GitHub
+        image: tencentcom/git-sync
+        settings:
+          target_url: https://github.com/Tencent/tdesign-vue-next-starter.git
+          auth_type: https
+          username: ${GIT_USERNAME}
+          password: ${GIT_ACCESS_TOKEN}
+          push_tags: true
+
+"(main|develop)":
+  push:
+    - <<: *sync
diff --git a/.github/workflows/sync-cnb.yml b/.github/workflows/sync-cnb.yml
new file mode 100644
index 00000000..4c9433ea
--- /dev/null
+++ b/.github/workflows/sync-cnb.yml
@@ -0,0 +1,24 @@
+name: Sync to CNB
+on:
+  push:
+    branches: [main, develop]
+
+jobs:
+  sync:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Sync to CNB Repository
+        run: |
+          docker run --rm \
+            -v ${{ github.workspace }}:${{ github.workspace }} \
+            -w ${{ github.workspace }} \
+            -e PLUGIN_TARGET_URL="https://cnb.cool/tencent/tdesign/tdesign-vue-next-starter.git" \
+            -e PLUGIN_AUTH_TYPE="https" \
+            -e PLUGIN_USERNAME="cnb" \
+            -e PLUGIN_PASSWORD=${{ secrets.CNB_TOKEN }} \
+            -e PLUGIN_PUSH_TAGS="true" \
+            tencentcom/git-sync
diff --git a/README-zh_CN.md b/README-zh_CN.md
index 6ea1b0c4..fb71226e 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -1,33 +1,32 @@
-
+简体中文 | [English](./README.md)
 <p style="display:flex; justify-content: center">
 
 </p>
 <p align="center">
   <a href="https://tdesign.tencent.com/starter/vue-next/#/dashboard/base" target="_blank">
-    <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/starter/brand-logo.svg">
+    <img alt="TDesign Logo" width="300" src="https://tdesign.gtimg.com/starter/brand-logo.svg">
   </a>
 </p>
 
 <p align="center">
   <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>
-  <a href="https://github.com/Tencent/tdesign-vue-next/blob/develop/LICENSE">
-    <img src="https://img.shields.io/npm/l/tdesign-vue-next.svg?sanitize=true" alt="License">
-  </a>
+  <a href="https://github.com/Tencent/tdesign-vue-next-starter/releases"><img src="https://img.shields.io/github/v/release/Tencent/tdesign-vue-next-starter" alt="Version"></a>
+  <a href="https://github.com/Tencent/tdesign-vue-next/blob/develop/LICENSE"><img src="https://img.shields.io/npm/l/tdesign-vue-next.svg?sanitize=true" alt="License"></a>
 </p>
 
-简体中文 | [English](./README.md) 
+<p align="center">
+  💻 <a href="http://tdesign.tencent.com/starter/vue-next/"><b>实时预览</b></a>
+  &nbsp|&nbsp
+  📃 <a href="https://tdesign.tencent.com/starter/"><b>使用文档</b></a>
+  &nbsp|&nbsp
+  <img src="https://cnb.cool/images/favicon.png" width="21" align="top" alt="CNB Logo">
+  &nbsp<a href="https://cnb.cool/tencent/tdesign/tdesign-vue-next-starter/"><b>cnb.cool</b></a>
+</p>
 
 ### 项目简介
 
 TDesign Vue Next Starter 是一个基于 TDesign，使用 `Vue3`、`Vite`、`Pinia`、`TypeScript` 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。
 
-<p>
-  <a href="http://tdesign.tencent.com/starter/vue-next/">在线预览</a>
-  ·
-  <a href="https://tdesign.tencent.com/starter/">使用文档</a>
-
-</p>
-
 <img src="docs/starter.png">
 
 ### 特性
diff --git a/README.md b/README.md
index 0b42ceeb..232cb757 100644
--- a/README.md
+++ b/README.md
@@ -1,30 +1,32 @@
+English | [简体中文](./README-zh_CN.md)
 <p style="display:flex; justify-content: center">
 
 </p>
 <p align="center">
   <a href="https://tdesign.tencent.com/starter/vue-next/#/dashboard/base" target="_blank">
-    <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/starter/brand-logo.svg">
+    <img alt="TDesign Logo" width="300" src="https://tdesign.gtimg.com/starter/brand-logo.svg">
   </a>
 </p>
 
 <p align="center">
   <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>
-  <a href="https://github.com/Tencent/tdesign-vue-next/blob/develop/LICENSE">
-    <img src="https://img.shields.io/npm/l/tdesign-vue-next.svg?sanitize=true" alt="License">
-  </a>
+  <a href="https://github.com/Tencent/tdesign-vue-next-starter/releases"><img src="https://img.shields.io/github/v/release/Tencent/tdesign-vue-next-starter" alt="Version"></a>
+  <a href="https://github.com/Tencent/tdesign-vue-next/blob/develop/LICENSE"><img src="https://img.shields.io/npm/l/tdesign-vue-next.svg?sanitize=true" alt="License"></a>
+</p>
+
+<p align="center">
+  💻 <a href="http://tdesign.tencent.com/starter/vue-next/"><b>实时预览</b></a>
+  &nbsp|&nbsp
+  📃 <a href="https://tdesign.tencent.com/starter/"><b>使用文档</b></a>
+  &nbsp|&nbsp
+  <img src="https://cnb.cool/images/favicon.png" width="21" align="top" alt="CNB Logo">
+  &nbsp<a href="https://cnb.cool/tencent/tdesign/tdesign-vue-next-starter/"><b>cnb.cool</b></a>
 </p>
 
-English | [简体中文](./README-zh_CN.md) 
 ### Introduction
 
 TDesign Vue Next Starter is a TDesign-based developed with `Vue 3`, `Vite`, `Pinia`, `TypeScript`. It can be customized theme configuration, and aims to provide project out-of-the-box, configuration-style middle and background projects.
 
-<p>
-  <a href="http://tdesign.tencent.com/starter/vue-next/">Live Preview</a>
-  ·
-  <a href="https://tdesign.tencent.com/starter/">Documentation</a>
-</p>
-
 <img src="docs/starter.png">
 
 ### Features