docs: update usage for webui

.gitignore

@@ -14,4 +14,5 @@
 # Dependency directories (remove the comment below to include it)
 # vendor/
 
-*.conf
+*.conf
+.DS_Store

README.md

@@ -8,7 +8,9 @@
 
 <img src=".github/logo.png" width="120" >
 
-Nginx configuration formatter under 10MB size.
+Nginx configuration formatter under 10MB size, support CLI, WebUI, x86, ARM, Linux, macOS.
+
+<img src=".github/preview.png">
 
 ## Download
 
@@ -31,12 +33,16 @@ Use default parameters to format all configuration files in the current director
 ./nginx-formatter
 ```
 
+### Common Usage (CLI & WebUI)
+
 Use different indentation symbols (You can use spaces, tabs, ` `, `\s`, `\t`) and indentation amounts:
 
 ```bash
 ./nginx-formatter -indent=4 -char=" "
 ```
 
+### CLI Usage
+
 Format the configuration file in the specified directory:
 
 ```bash
@@ -49,8 +55,19 @@ Format a file somewhere and save it in a new directory:
 ./nginx-formatter -input=./your-dir-path -output=./your-output-dir
 ```
 
+### WebUI Usage
 
+Start the web interface:
 
+```bash
+./nginx-formatter -web
+```
+
+specified the port:
+
+```bash
+./nginx-formatter -web -port=8123
+```
 
 ## Full parameters supported
 

README_CN.md

@@ -8,7 +8,9 @@
 
 <img src=".github/logo.png" width="120" >
 
-一款小巧（几MB）、简洁的 Nginx 格式化工具。
+一款小巧（几MB）、简洁的 Nginx 格式化工具，支持命令行、WebUI、Docker、x86、ARM、macOS、Linux。
+
+<img src=".github/preview.png">
 
 ## 程序下载
 
@@ -31,12 +33,16 @@ docker pull soulteary/nginx-formatter:v0.5.0
 ./nginx-formatter
 ```
 
+### 通用玩法 (CLI & WebUI)
+
 使用不同的缩进符号（可以使用空格、制表符、`\s`、`\t`、` `）和缩进量：
 
 ```bash
 ./nginx-formatter -indent=4 -char=" "
 ```
 
+### 命令行用法（CLI）
+
 格式化指定目录中的配置文件：
 
 ```bash
@@ -49,6 +55,20 @@ docker pull soulteary/nginx-formatter:v0.5.0
 ./nginx-formatter -input=./your-dir-path -output=./your-output-dir
 ```
 
+### WebUI 用法
+
+启动 WebUI 界面：
+
+```bash
+./nginx-formatter -web
+```
+
+指定服务端口：
+
+```bash
+./nginx-formatter -web -port=8123
+```
+
 ## 支持的完整参数列表
 
 ```bash