diff --git "a/\347\216\213\346\226\260\346\272\220/20240510-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(20).md" "b/\347\216\213\346\226\260\346\272\220/20240511-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(20).md"
similarity index 100%
rename from "\347\216\213\346\226\260\346\272\220/20240510-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(20).md"
rename to "\347\216\213\346\226\260\346\272\220/20240511-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(20).md"
diff --git "a/\347\216\213\346\226\260\346\272\220/20240513-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(21).md" "b/\347\216\213\346\226\260\346\272\220/20240513-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(21).md"
new file mode 100644
index 0000000000000000000000000000000000000000..f7ac27a8a98ae27bbc30e795aa95f00a80c456eb
--- /dev/null
+++ "b/\347\216\213\346\226\260\346\272\220/20240513-\350\256\241\347\256\227\346\234\272\347\275\221\347\273\234\345\237\272\347\241\200(21).md"
@@ -0,0 +1,64 @@
+## 计算机网络基础
+
+## markdown文档，生成网站
+
+### 安装 Node.js 和 npm：
+    
+    Vitepress 是一个基于 Node.js 和 npm 的静态站点生成器。可以从官方网站（https://nodejs.org/en/）下载和安装 Node.js，npm 将在安装过程中包含在内。
+    
+### 创建新的 Vitepress 项目：
+    
+    打开终端或命令提示符，并导航到要创建新项目的目录。然后运行以下命令创建新的 Vitepress 项目：
+    
+    npm init @vitejs/app
+    
+    当提示时，输入项目的名称，并选择 "vitepress" 作为框架。
+    
+### 添加 Markdown 文件：
+    
+    导航到新项目的 docs 目录，并将您的 Markdown 文件添加到此目录中。
+    
+### 配置 Vitepress：
+    
+    打开项目根目录中的 vite.config.ts 文件，并配置 Vitepress 以使用您的 Markdown 文件。以下是一个示例配置：
+
+    import { defineConfig } from 'vitepress'
+    
+    export default defineConfig({
+      title: '我的网站',
+      description: '使用 Markdown 文件生成的网站',
+      themeConfig: {
+        nav: [
+          { text: '主页', link: '/' },
+          { text: '文档', link: '/docs/' },
+        ],
+        sidebar: [
+          {
+            text: '入门指南',
+            items: [
+              { text: '安装', link: '/docs/installation' },
+              { text: '使用', link: '/docs/usage' },
+            ],
+          },
+        ],
+      },
+      markdown: {
+        theme: 'material-palenight',
+      },
+    })
+    
+    在这个例子中，我们设置了网站的标题和描述，并配置了导航和侧边栏菜单。我们还设置了 Markdown 主题为 material-palenight。
+    
+### 启动开发服务器：
+    
+    运行以下命令启动开发服务器：
+    
+    npm run dev
+    
+    这将启动开发服务器，并在浏览器中打开网站。
+    
+### 生成网站：
+    
+    完成网站后，可以使用以下命令生成静态版本：
+
+    npm run build
\ No newline at end of file