通过网页控制ESP32-C3-SuperMini板载 LED 灯

1. 硬件：ESP32-C3-SuperMini 开发板、USB 数据线
2. 软件：Arduino IDE（建议使用最新版本）
3. 网络：可用的 WiFi 网络

1. 打开 Arduino IDE，依次点击 "文件"→"首选项"
2. 在 "附加开发板管理器网址" 中添加：https://dl.espressif.com/dl/package_esp32_index.json
3. 点击 "工具"→"开发板"→"开发板管理器"
4. 搜索 "esp32" 并安装 "esp32 by Espressif Systems"

1. 点击 "工具"→"开发板"→"ESP32 Arduino"→"ESP32-C3-DEVKitM-1"
2. 设置 "上传速度" 为 "115200"

1. 用 USB 数据线将 ESP32-C3-SuperMini 开发板连接到电脑
2. 点击 "工具"→"端口"，选择对应的串口

1. WiFi 连接模块：连接到指定的 WiFi 网络
2. Web 服务器模块：监听 80 端口，处理 HTTP 请求
3. LED 控制模块：通过 GPIO8 控制板载 LED
4. 网页界面：提供美观的 LED 控制界面，支持状态实时更新

在代码中找到以下两行，修改为你的 WiFi 信息：

1. 点击 Arduino IDE 工具栏中的 "上传" 按钮
2. 等待编译和上传完成，查看串口监视器输出

1. 上传成功后，在串口监视器中查看 ESP32 获取的 IP 地址
2. 打开手机或电脑的浏览器，访问该 IP 地址
3. 在打开的网页中点击 "打开 LED" 或 "关闭 LED" 按钮控制灯的状态
4. 观察 LED 状态变化，同时网页上的状态显示也会实时更新

检查 HTML 中的字符编码设置

在提供的代码中，HTML 部分的meta标签用于设置字符编码。原代码中meta标签存在语法错误，导致字符编码可能未正确生效，你可以按照下面方式修改：

检查 Web 服务器发送的头部信息

在向客户端发送 HTML 内容时，Web 服务器可以通过设置 HTTP 头部来指定字符编码。可以在handleRoot函数中，在调用server.send发送 HTML 内容之前，添加设置 HTTP 头部的代码：