Merge pull request #1815 from cure123123/docusaurus-version

update details

docs/Network/LoRa_Wio_Series/Wio_SX1262/Wio_SX1262_with_XIAO_ESP32S3_Kit/Get_Started_meshtastic.md

@@ -30,26 +30,29 @@ For specific information, please refer to [the official website of Meshtastic](h
 
 Before using Meshtastic, the device needs to be connected first. There are two connection methods. The first one is to use an expansion board, and the corresponding information will be displayed on the display. Then, the configuration can be carried out on the corresponding platform according to the reflected information. The second one is to connect the XIAO and the Wio SX1262 module, and use a serial port tool to obtain the node ID and password. 
 
+
 ### Method 1: Connected to Expansion board
 
 After flashing firmware and downloading Meshtastic app, Expansion board would be a good tool
  for connection and additional application such as adding grove sensors and modules easily.
 
- Step 1: Ensure that the device to be connected (such as "device") is turned on and in a discoverable state. And open the Meshtastic app on your mobile phone.
-
- Step 2: In the Meshtastic app, there is an "+" icon on bottom right. Click it to let the app start scanning for nearby connectable devices. Then select the corresponding device ID showing on OLED display.
+**Step 1**: Ensure that the device to be connected (such as "device") is turned on and in a discoverable state. And open the Meshtastic app on your mobile phone.
 
- Step 3: Once selected correctly, enter the code showing on OLED display. 
+**Step 2**: In the Meshtastic app, there is an "+" icon on bottom right. Click it to let the app start scanning for nearby connectable devices. Then select the corresponding device ID showing on OLED display.
 
-<div style={{textAlign:'center'}}><img src="https://files.seeedstudio.com/wiki/XIAO_ESP32S3_for_Meshtastic_LoRa/2.gif" style={{width:700, height:'auto'}}/></div>
+**Step 3**: Once selected correctly, enter the code showing on OLED display. Press the botton to switch display.
 
-Step 4: Set the Lora region, then the device will reboot.
+**Button Functions:**
 
-Step 5: Finish reboot, the device status can be checked on Meshtastic app and OLED display.
+* Press once to switch the screen.
+* Press twice to broadcast.
+* Press three times to switch the GPS mode.
 
-<div style={{textAlign:'center'}}><img src="https://files.seeedstudio.com/wiki/XIAO_ESP32S3_for_Meshtastic_LoRa/1.gif" style={{width:700, height:'auto'}}/></div>
+**Step 4**: Set the Lora region, then the device will reboot.
 
+**Step 5**: Finish reboot, the device status can be checked on Meshtastic app and OLED display.
 
+<iframe class="youtube-video-r" src="https://www.youtube.com/embed/dzqx32lBJso" title="Configuring Wio-SX1262 with XIAO ESP32S3 kit as Meshtastic device" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ### Method 2: Serial port tool
 Select a serial port debugging tool you like. I will take Comtool on mac as an example below. Select the **serial** connection, choose **the corresponding port**, configure the baud rate as **115200**, and turn on **RTS and DTR**. Open the connection and you can see the connection data.
@@ -86,6 +89,8 @@ Once connected, you can start sending and receiving messages through the Meshtas
 
 <div style={{textAlign:'center'}}><img src="https://files.seeedstudio.com/wiki/XIAO_ESP32S3_for_Meshtastic_LoRa/3.gif" style={{width:350, height:'auto'}}/></div>
 
+<iframe class="youtube-video-r" src="https://www.youtube.com/embed/vJN_4A8s4z0" title="Configuring Wio-SX1262 with XIAO ESP32S3 kit as Meshtastic device" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 ## Sensor Connection
 
 In the meshtastic application, the Wio SX1262 with XIAO esp32s3 kit is capable of supporting a wide range of sensors. When used in conjunction with the XIAO expansion board, it can support numerous grove sensors, please check [here](https://github.com/meshtastic/firmware/blob/3f1c86f9535279fd17eaaab6e10a06f09915b7e4/src/detect/ScanI2C.h#L10). Additionally, when combined with the GNSS add on module, it forms the smallest module within meshtastic that has GPS functionality.

docs/Network/LoRa_Wio_Series/Wio_SX1262/Wio_SX1262_with_XIAO_ESP32S3_Kit/LoRaWAN_Sensor_Node.md

@@ -15,7 +15,7 @@ last_update:
 
 This wiki provides a step-by-step guide on configuring the Wio-SX1262 with XIAO ESP32S3 to act as a LoRaWAN sensor node, connecting a DHT20 temperature and humidity sensor, adding an M2 LoRaWAN gateway, and sending data to the The Things Network LNS platform. It also covers the configuration of a format decoder.
 
-<div style={{textAlign:'center'}}><img src="https://files.seeedstudio.com/wiki/XIAO_ESP32S3_for_Meshtastic_LoRa/67.png" style={{width:400, height:'auto'}}/></div>
+<div style={{textAlign:'center'}}><img src="https://files.seeedstudio.com/wiki/XIAO_ESP32S3_for_Meshtastic_LoRa/67.png" style={{width:900, height:'auto'}}/></div>
 
 ## Prerequisites
 
@@ -71,11 +71,9 @@ This wiki provides a step-by-step guide on configuring the Wio-SX1262 with XIAO
 3. Connect the kit to your PC.
 4. Connect M2 gateway to power and Ethernet port.
 
-## Video Instructure
+## Video Instruction
 
-<div class="table-center">
-<iframe width="100%" height="315" src="https://youtu.be/7NptcHkVcpk?autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
-</div>
+<iframe class="youtube-video-r" src="https://www.youtube.com/embed/7NptcHkVcpk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 
 ## Register & Setup on TTN