diff --git a/docs/Web/helloworld/first_page.md b/docs/Web/helloworld/first_page.md index 501b755..f39045a 100644 --- a/docs/Web/helloworld/first_page.md +++ b/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" @@ -19,6 +19,8 @@ sidebar_position: 1 ``` +![预览效果](./open_hello_world.png) + 将文件在浏览器中打开，你将会看到 `hello world` 字样 ![预览效果](./hello_world.png) diff --git a/docs/Web/helloworld/new_file.png b/docs/Web/helloworld/new_file.png new file mode 100644 index 0000000..55cb778 Binary files /dev/null and b/docs/Web/helloworld/new_file.png differ diff --git a/docs/Web/helloworld/open_folder.png b/docs/Web/helloworld/open_folder.png new file mode 100644 index 0000000..c72d9be Binary files /dev/null and b/docs/Web/helloworld/open_folder.png differ diff --git a/docs/Web/helloworld/open_hello_world.png b/docs/Web/helloworld/open_hello_world.png new file mode 100644 index 0000000..8a0950f Binary files /dev/null and b/docs/Web/helloworld/open_hello_world.png differ diff --git a/docs/Web/helloworld/open_terminal.png b/docs/Web/helloworld/open_terminal.png new file mode 100644 index 0000000..c749a80 Binary files /dev/null and b/docs/Web/helloworld/open_terminal.png differ diff --git a/docs/Web/helloworld/opened.png b/docs/Web/helloworld/opened.png new file mode 100644 index 0000000..01f5a29 Binary files /dev/null and b/docs/Web/helloworld/opened.png differ diff --git a/docs/Web/helloworld/simple_server.md b/docs/Web/helloworld/simple_server.md index ed7d199..c50f804 100644 --- a/docs/Web/helloworld/simple_server.md +++ b/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) diff --git a/docs/Web/helloworld/start_http_server.png b/docs/Web/helloworld/start_http_server.png new file mode 100644 index 0000000..42d5957 Binary files /dev/null and b/docs/Web/helloworld/start_http_server.png differ diff --git a/docs/Web/helloworld/use_vscode.md b/docs/Web/helloworld/use_vscode.md new file mode 100644 index 0000000..09986d3 --- /dev/null +++ b/docs/Web/helloworld/use_vscode.md @@ -0,0 +1,13 @@ +--- +sidebar_position: 1 +--- + +# 使用 VSCode + +新建文件夹命名为 hello-world + +![打开文件夹](./open_folder.png) + +![打开后](./opened.png) + +![新建文件](./new_file.png)