refactor: 扁平化 practice/alin.hu 目录，去除子文件夹

- 文档移至 alin.hu/ 根目录（visit、vite、vite_vanilla_ts、react_ts、react_todo_list） - 图片按板块前缀重命名（html-console.png、vanilla-result.png、react-result2.png 等） - 更新图片引用、交叉链接与 sidebar_position 排序 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-08-19 15:02:28 +08:00
1 parent 6ddf800f87
commit 54990b3dfc
@@ -1,7 +0,0 @@
-{
-    "label": "访问HTML网页的流程",
-    "position": 1,
-    "link": {
-        "type": "generated-index"
-    }
-}
@@ -1,7 +0,0 @@
-{
-    "label": "react的入门",
-    "position": 4,
-    "link": {
-        "type": "generated-index"
-    }
-}
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 2
+sidebar_position: 5
 ---

 # 如何使用react+ts编写前端todo list
@@ -9,7 +9,7 @@ sidebar_position: 2
 1. 已创建react ts工程

 >**提示**                                                                                                                                    
-若未创建react ts工程，可以参考[使用vite创建react ts工程](/practice/alin.hu/react/react_ts)文档
+若未创建react ts工程，可以参考[使用vite创建react ts工程](/practice/alin.hu/react_ts)文档

 ## 项目初始化
 打开react ts工程
@@ -195,4 +195,4 @@ export default App
 ```
 npm run dev
 ```
-![运行结果](./result2.png)
+![运行结果](./react-result2.png)
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 4
 ---

 # 使用vite创建react ts工程
@@ -28,7 +28,7 @@ cd ~/test
 http-server
 ```
 启动成功后，命令行会输出以下网址
-![网址](./console.png)
+![网址](./html-console.png)
 这时，你可以在浏览器中输入 `http://127.0.0.1:8080` 或者`http://localhost:8080` 来访问你的网页

 ## 无痕模式
@@ -37,7 +37,7 @@ http-server
 Ctrl+Shift+N
 ```
 按下`F12`，进入检查
-![无痕模式](./image.png)
+![无痕模式](./html-image.png)

 ## 先决条件
 - 你需要已经安装并启动 `http-server`。
@@ -50,14 +50,14 @@ Ctrl+Shift+N
 ### 2. 发送 GET 请求
 浏览器会向服务器发送一个路径为 `/` 的 GET 请求。

-![请求路径](./get.png)
+![请求路径](./html-get.png)

 ## 服务器的工作步骤

 ### 1. 查找文件
 当服务器接收到浏览器的请求后，就像一位仓库管理员，会在众多文件中查找 `index.html` 文件。

-![文件](./index.png)
+![文件](./html-index.png)

 ### 2. 生成 HTTP 响应
 服务器找到文件后，会对其进行处理，将其转换为适合在网络中传输的 HTTP 响应，如同把货物包装好以便运输。
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 2
 ---

 # vite的入门
@@ -1,7 +0,0 @@
-{
-    "label": "vite的入门",
-    "position": 2,
-    "link": {
-        "type": "generated-index"
-    }
-}
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 3
 ---
 # 如何使用html+ts编写前端todo list

@@ -7,7 +7,7 @@ sidebar_position: 1
 1. 已创建vanilla ts工程

 >**提示**                                  
-若未安装vanilla ts工程，可以参考[vite的入门](/practice/alin.hu/vite/)文档
+若未安装vanilla ts工程，可以参考[vite的入门](/practice/alin.hu/vite)文档

 ## 项目初始化
 打开vanilla ts工程
@@ -197,4 +197,4 @@ function renderTodoList(list: TodoItem[]) {
 ```
 npm run dev
 ```
-![运行效果](./result.png)
+![运行效果](./vanilla-result.png)
@@ -1,7 +0,0 @@
-{
-    "label": "vanilla ts工程",
-    "position": 3,
-    "link": {
-        "type": "generated-index"
-    }
-}