From b9417d6c25aa27dd59013936ab6243eb322b87fb Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Wed, 19 Mar 2025 15:47:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=A3=E7=A0=81=E5=BA=93=E4=B8=AD?=
 =?UTF-8?q?=E5=8F=AA=E5=AD=98=E4=B8=80=E4=BB=BDmd=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |  4 +-
 public/md/css-module.md                       | 55 -------------------
 public/md/prototype.md                        |  1 -
 {public => src/assets}/md/h5唤起app.md      |  0
 {public => src/assets}/md/sendBeacon.md       |  0
 {public => src/assets}/md/summer.md           |  0
 {public => src/assets}/md/vite-proxy.md       |  0
 .../assets}/md/vue3中渲染markdown.md       |  0
 8 files changed, 3 insertions(+), 57 deletions(-)
 delete mode 100644 public/md/css-module.md
 delete mode 100644 public/md/prototype.md
 rename {public => src/assets}/md/h5唤起app.md (100%)
 rename {public => src/assets}/md/sendBeacon.md (100%)
 rename {public => src/assets}/md/summer.md (100%)
 rename {public => src/assets}/md/vite-proxy.md (100%)
 rename {public => src/assets}/md/vue3中渲染markdown.md (100%)

diff --git a/.gitignore b/.gitignore
index 423ed2b..8a943f4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,4 +19,6 @@ tests/**/coverage/
 *.ntvs*
 *.njsproj
 *.sln
-tsconfig.tsbuildinfo
\ No newline at end of file
+tsconfig.tsbuildinfo
+
+public/md/
\ No newline at end of file
diff --git a/public/md/css-module.md b/public/md/css-module.md
deleted file mode 100644
index aac5e5f..0000000
--- a/public/md/css-module.md
+++ /dev/null
@@ -1,55 +0,0 @@
-CSS Modules 是一种局部样式的解决方案，确保样式只作用于特定组件，而不会影响全局。这是通过以下机制和原理来实现的：
-
-### 1. 局部样式的概念
-
-CSS Modules 的设计目的是将 CSS 类名局部化，从而避免样式冲突。在使用 CSS Modules 时，类名会被自动生成唯一的标识符，以确保它们只在定义它们的组件中有效。
-
-### 2. 如何实现局部样式
-
-#### 生成唯一类名
-
-当您使用 CSS Modules 时，每个类名都会被编译成一个唯一的名称。例如，如果您在 `styles.module.css` 中定义了一个类 `.item`，在编译后，它可能会被转换为类似 `styles_item__1A2B3` 的名称。这样，其他组件中相同的类名不会产生冲突。
-
-#### 使用方式
-
-在 Vue 3 中使用 CSS Modules 时，您需要通过 `import` 语句导入 CSS Module 文件，并通过导入的对象引用样式。这确保了样式只与特定组件关联。
-
-```javascript
-import styles from './styles.module.css'; // 导入 CSS Module
-
-<div class={styles.item}>内容</div>  // 使用局部样式
-```
-
-### 3. 原理
-
-- **编译阶段**：在构建过程中，构建工具（如 Vite 或 Webpack）会处理 CSS Modules，将类名转换为唯一的标识符。这意味着即使在多个组件中使用相同的类名，最终生成的类名也会不同。
-- **作用域限制**：由于生成的类名是唯一的，因此它们只在相应的组件范围内有效，从而避免了全局样式的污染。
-
-### 4. 使用示例
-
-假设我们有一个样式文件 `styles.module.css`：
-
-```css
-/* styles.module.css */
-.item {
-  color: blue;
-}
-```
-
-在组件中使用：
-
-```javascript
-<template>
-  <div class={styles.item}>Hello, World!</div>
-</template>
-
-<script setup>
-import styles from './styles.module.css';
-</script>
-```
-
-在构建后，`.item` 类可能会被转换为 `.styles_item__3A1B2`，并且只在该组件中有效。
-
-### 总结
-
-CSS Modules 是局部样式的解决方案，通过生成唯一的类名来确保样式只在定义它们的组件中生效。这样可以避免全局样式冲突，保持样式的模块化和可维护性。
\ No newline at end of file
diff --git a/public/md/prototype.md b/public/md/prototype.md
deleted file mode 100644
index ac4e321..0000000
--- a/public/md/prototype.md
+++ /dev/null
@@ -1 +0,0 @@
-## 测试
\ No newline at end of file
diff --git a/public/md/h5唤起app.md b/src/assets/md/h5唤起app.md
similarity index 100%
rename from public/md/h5唤起app.md
rename to src/assets/md/h5唤起app.md
diff --git a/public/md/sendBeacon.md b/src/assets/md/sendBeacon.md
similarity index 100%
rename from public/md/sendBeacon.md
rename to src/assets/md/sendBeacon.md
diff --git a/public/md/summer.md b/src/assets/md/summer.md
similarity index 100%
rename from public/md/summer.md
rename to src/assets/md/summer.md
diff --git a/public/md/vite-proxy.md b/src/assets/md/vite-proxy.md
similarity index 100%
rename from public/md/vite-proxy.md
rename to src/assets/md/vite-proxy.md
diff --git a/public/md/vue3中渲染markdown.md b/src/assets/md/vue3中渲染markdown.md
similarity index 100%
rename from public/md/vue3中渲染markdown.md
rename to src/assets/md/vue3中渲染markdown.md