feat: update hello world

docs/Web/helloworld/first_page.md

@@ -1,10 +1,10 @@
 ---
-sidebar_position: 1
+sidebar_position: 2
 ---
 
 # 第一个页面（hello world）
 
-```html title="examples/hello-world/index.html"
+```html title="hello-world/index.html"
 <!DOCTYPE html>
 <html lang="en">
   <head>
@@ -19,6 +19,8 @@ sidebar_position: 1
 </html>
 ```
 
+![预览效果](./open_hello_world.png)
+
 将文件在浏览器中打开，你将会看到 `hello world` 字样
 
 ![预览效果](./hello_world.png)

docs/Web/helloworld/simple_server.md

@@ -4,8 +4,14 @@ sidebar_position: 2
 
 # 简单的服务
 
-在 `examples/hello-world/index.html` 文件夹下输入
+打开控制台
+
+![打开控制台](./open_terminal.png)
+
+输入命令
 
 ```
 npx http-server
 ```
+
+![输入命令](./start_http_server.png)

docs/Web/helloworld/use_vscode.md

@@ -0,0 +1,13 @@
+---
+sidebar_position: 1
+---
+
+# 使用 VSCode
+
+新建文件夹命名为 hello-world
+
+![打开文件夹](./open_folder.png)
+
+![打开后](./opened.png)
+
+![新建文件](./new_file.png)