Skip to content
Snippets Groups Projects
Commit c2fc8226 authored by yuichitamiya's avatar yuichitamiya
Browse files

finish tips switch bot

parent 9175e84f
No related branches found
No related tags found
No related merge requests found
Pipeline #300653 passed
docs/Instruction/images/tabs/tabs_in_yml.png

291 KiB

...@@ -24,8 +24,8 @@ ESP32 ...@@ -24,8 +24,8 @@ ESP32
USB-Serial|ESP32-CAM USB-Serial|ESP32-CAM
-- |--- -- |---
RX |UOT RX |U0T (UART 0 TX)
TX |UOR TX |U0R (UART 0 RX)
VCC |5V VCC |5V
GND |GND GND |GND
|IO0 to GND (When Programming) |IO0 to GND (When Programming)
...@@ -73,7 +73,7 @@ Ref. [ESP32 Swich bot_JP](https://jorublog.site/esp32cam-iot-swichbot/) ...@@ -73,7 +73,7 @@ Ref. [ESP32 Swich bot_JP](https://jorublog.site/esp32cam-iot-swichbot/)
### Code ### Code
``` ``` {linenums="1"}
//アクセスするときはURLパラメーターの最後に&をつけること! //アクセスするときはURLパラメーターの最後に&をつけること!
#include <WiFi.h> #include <WiFi.h>
...@@ -268,19 +268,34 @@ GND |Servo GND ...@@ -268,19 +268,34 @@ GND |Servo GND
### How to use ### How to use
#### Find IP address
- Open Serial monitor and Find IP address
#### Replace the IP address in this part of the code
```{linenums="102"}
client.println("<div class='left block'> <a href='http://192.168.2.111/?angle=50&delay=500&'><button id='entrance_button' class='btn-square-shadow' type='button'>玄関の電気</button></a></div>");
client.println("<div class='right block'><a href='http://192.168.2.111/?angle=100&delay=500&'><button id='room_button' class='btn-square-shadow' type='button'>部屋の電気</button></a></div>");
```
#### Direct switch #### Direct switch
Open in browser Access from browser
``` ```
http://192.168.2.111/?angle=50&delay=500& http://192.168.2.111/?angle=50&delay=500&
``` ```
- 192.168.2.111: loacal IP address of ESP32-CAM in Arduio Sketch - 192.168.2.111: loacal IP address of ESP32-CAM in Arduio Sketch
- angle : servo rotate degree (23-123) - angle : servo rotate degree (23-123)
- delay: set delay when servo move back - delay: set delay when servo move back
#### Switch on screen #### Switches on screen
Open in browser
``` ```
http://192.168.1.111 http://192.168.2.111
``` ```
![](../images/esp32-cam/image-2.png) ![](../images/esp32-cam/image-2.png)
# Tabs in markdown
## Setup
In mkdocs.yml, Add the following [PyMdown](https://facelessuser.github.io/pymdown-extensions/) under markdown_extensions:
![](../images/tabs/tabs_in_yml.png)
```
- pymdownx.tasklist:
custom_checkbox: true
- pymdownx.superfences
- pymdownx.tabbed:
alternate_style: true
```
## How to use Tabs
### Code
```
<hr />
=== "tab_1"
Content of tab_1
![](../../images/home/relux_deer.gif)
=== "tab_2"
Content of tab_2
![](../../images/home/tear_deer.gif)
```
### Result
<hr />
=== "tab_1"
Content of tab_1
![](../../images/home/relux_deer.gif)
=== "tab_2"
Content of tab_2
![](../../images/home/tear_deer.gif)
## How to use Line number
### code
````
``` {linenums="1"}
line_1
line_2
line_3
```
````
### Result
``` {linenums="1"}
line_1
line_2
line_3
```
## How to use tasklist
### Code
```
- [x] tasklist_1
- [x] tasklist1-2
- [ ] tasklistt_2
```
### Result
- [x] tasklist_1
- [x] tasklist1-2
- [ ] tasklistt_2
...@@ -51,6 +51,11 @@ plugins: ...@@ -51,6 +51,11 @@ plugins:
markdown_extensions: markdown_extensions:
- extra - extra
- pymdownx.tasklist:
custom_checkbox: true
- pymdownx.superfences
- pymdownx.tabbed:
alternate_style: true
- smarty - smarty
- admonition - admonition
- codehilite: - codehilite:
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment