diff --git a/.gitignore b/.gitignore
index 21c5634..60f2750 100644
--- a/.gitignore
+++ b/.gitignore
@@ -106,3 +106,5 @@ dist
 .docusaurus
 
 build
+
+.idea
\ No newline at end of file
diff --git a/README.md b/README.md
index cf5b57b..88081ae 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@
 ```
 
 
-## [三]、运行启动(默认使用H2数据库，可以在配置文件切换MYSQL)
+## [三]、运行启动
 
 ```
 // 1、代码导入IDE
diff --git a/docs/LeetCode刷题/_category_.json b/docs/LeetCode刷题/_category_.json
index 26c3473..ceaadc7 100644
--- a/docs/LeetCode刷题/_category_.json
+++ b/docs/LeetCode刷题/_category_.json
@@ -1,4 +1,4 @@
 {
   "label": "LeetCode刷题",
-  "position": 3
+  "position": 4
 }
diff --git a/docs/tutorial-basics/_category_.json b/docs/tutorial-basics/_category_.json
index ddcf22e..0b203f1 100644
--- a/docs/tutorial-basics/_category_.json
+++ b/docs/tutorial-basics/_category_.json
@@ -1,4 +1,4 @@
 {
   "label": "文档教程 - 基础",
-  "position": 4
+  "position": 14
 }
diff --git a/docs/tutorial-extras/_category_.json b/docs/tutorial-extras/_category_.json
index 322ba31..38839da 100644
--- a/docs/tutorial-extras/_category_.json
+++ b/docs/tutorial-extras/_category_.json
@@ -1,4 +1,4 @@
 {
   "label": "文档教程 - 高级",
-  "position": 5
+  "position": 15
 }
diff --git a/docs/技术文档前端/React系列/_category_.json b/docs/技术文档前端/React系列/_category_.json
new file mode 100644
index 0000000..ba279b6
--- /dev/null
+++ b/docs/技术文档前端/React系列/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "React系列",
+  "position": 3
+}
diff --git a/docs/技术文档前端/React系列/helloreact.md b/docs/技术文档前端/React系列/helloreact.md
new file mode 100644
index 0000000..85bae27
--- /dev/null
+++ b/docs/技术文档前端/React系列/helloreact.md
@@ -0,0 +1,12 @@
+---
+sidebar_position: 1
+---
+
+# Hello React 
+
+
+
+```shell
+Hello React 
+
+```
diff --git a/docs/技术文档前端/Vue系列/_category_.json b/docs/技术文档前端/Vue系列/_category_.json
new file mode 100644
index 0000000..7bee3b1
--- /dev/null
+++ b/docs/技术文档前端/Vue系列/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Vue系列",
+  "position": 2
+}
diff --git a/docs/技术文档前端/Vue系列/hellovue.md b/docs/技术文档前端/Vue系列/hellovue.md
new file mode 100644
index 0000000..1c9560e
--- /dev/null
+++ b/docs/技术文档前端/Vue系列/hellovue.md
@@ -0,0 +1,12 @@
+---
+sidebar_position: 1
+---
+
+# Hello Vue 
+
+
+
+```shell
+Hello Vue 
+
+```
diff --git a/docs/技术文档前端/_category_.json b/docs/技术文档前端/_category_.json
new file mode 100644
index 0000000..d1e0854
--- /dev/null
+++ b/docs/技术文档前端/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "技术文档(前端)",
+  "position": 3
+}
diff --git a/docs/技术文档前端/intro-docs.md b/docs/技术文档前端/intro-docs.md
new file mode 100644
index 0000000..c60b41a
--- /dev/null
+++ b/docs/技术文档前端/intro-docs.md
@@ -0,0 +1,35 @@
+---
+sidebar_position: 1
+---
+
+# 技术文档前端说明
+
+Let's discover **Docusaurus in less than 5 minutes**.
+
+## Getting Started
+
+Get started by **creating a new site**.
+
+Or **try Docusaurus immediately** with **[new.docusaurus.io](https://new.docusaurus.io)**.
+
+## Generate a new site
+
+Generate a new Docusaurus site using the **classic template**:
+
+```shell
+npx @docusaurus/init@latest init my-website classic
+```
+
+## Start your site
+
+Run the development server:
+
+```shell
+cd my-website
+
+npx docusaurus start
+```
+
+Your site starts at `http://localhost:3000`.
+
+Open `docs/getting-started.md` and edit some lines: the site **reloads automatically** and display your changes.
diff --git a/docusaurus.config.js b/docusaurus.config.js
index fd5e1e0..cea2148 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -14,6 +14,17 @@ module.exports = {
     locales: ['zh-cn','en'],
   },
   themeConfig: {
+    algolia: {
+      apiKey: '204335ce5ba2700fd04046b290498627',
+      indexName: 'code-docs',
+      // Optional: see doc section below
+      contextualSearch: true,
+      // Optional: see doc section below
+      appId: 'D8PEAPGLZ3',
+      // Optional: Algolia search parameters
+      searchParameters: {},
+      //... other Algolia params
+    },
     navbar: {
       title: 'CodeDocs 编程文档',
       logo: {