From b9ef37d178db12dfa38e60126162f63b1ade8dfc Mon Sep 17 00:00:00 2001
From: NianBroken <suinian666@gmail.com>
Date: Tue, 7 May 2024 21:47:35 +0800
Subject: [PATCH] Adjust images in DetailedUsage.md to a table layout to
 optimize display

---
 DetailedUsage.md | 106 ++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 81 insertions(+), 25 deletions(-)

diff --git a/DetailedUsage.md b/DetailedUsage.md
index d706a18..debf051 100644
--- a/DetailedUsage.md
+++ b/DetailedUsage.md
@@ -2,14 +2,32 @@
 
 ## 1. Fork 本仓库
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/10.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/11.png" style="zoom:60%;" />
+<table>
+	<tr>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/10.png" />
+		</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/11.png" />
+		</td>
+	</tr>
+</table>
 
 ## 2. 开启工作流读写权限
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/12.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/13.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/14.png" style="zoom:60%;" />
+<table>
+	<tr>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/12.png" />
+		</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/13.png" />
+		</td>
+        <td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/14.png" />
+		</td>
+	</tr>
+</table>
 
 ## 3. 添加 Secrets
 
@@ -22,15 +40,25 @@
 | PASSWORD | Y3xhaCkb5PZ4               | 教务系统密码                                         |
 | TOKEN    | J65KWMBfyDh3YPLpcvm8       | [PushPlus 的 token](#获取-token "PushPlus 的 token") |
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/15.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/16.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/17.png" style="zoom:60%;" />
+<table>
+	<tr>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/15.png" />
+		</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/16.png" />
+		</td>
+        <td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/17.png" />
+		</td>
+	</tr>
+</table>
 
 ### 获取 TOKEN
 
 1. [登录 PushPlus ](https://www.pushplus.plus/login.html)
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/18.png" style="zoom:60%;" />
+<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/18.png" width="60%" />
 
 2. [获取 Token](https://www.pushplus.plus/api/open/user/token)
 
@@ -38,36 +66,64 @@
 
 ```json
 {
-	"code": 200,
-	"msg": "请求成功",
-	"data": "cd735c356aa14d16b1452aa932ac89cc",
-	"count": null
+ "code": 200,
+ "msg": "请求成功",
+ "data": "cd735c356aa14d16b1452aa932ac89cc",
+ "count": null
 }
 ```
 
-[相关文档](https://www.pushplus.plus/doc/guide/openApi.html#_1-%E8%8E%B7%E5%8F%96token)
+当你的 Secrets 添加完成后，你的页面应该与下图所示的页面完全一致或几乎一致
 
-当你的 Secrets 添加完成后，你的页面应该是类似下图所示
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/19.png" style="zoom:60%;" />
+<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/19.png" width="60%"/>
+
+3. [相关文档](https://www.pushplus.plus/doc/guide/openApi.html#_1-%E8%8E%B7%E5%8F%96token)
 
 ## 4. 开启 Actions
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/20.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/21.png" style="zoom:60%;" />
+<table>
+	<tr>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/20.png" />
+		</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/21.png" />
+		</td>
+	</tr>
+</table>
 
 ## 5. 运行程序
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/22.png" style="zoom:60%;" />
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/23.png" style="zoom:60%;" />
+<table>
+	<tr>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/22.png" />
+		</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/23.png" />
+		</td>
+	</tr>
+</table>
 
 ## 6. 查看运行结果
 
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/24.png" style="zoom:60%;" />
-当你的页面类似下图所示时则表示程序正常运行且未报错
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/25.png" style="zoom:60%;" />
+<table>
+	<tr>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/24.png" />
+		</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/25.png" />
+		</td>
+	</tr>
+</table>
+
+当你的页面与上图所示的页面完全一致或几乎一致，则代表程序正常运行且未报错
+
 在此之后，程序将会每隔 30 分钟自动运行一次
 
 ## 7. 成绩更新通知
 
-当检测到成绩更新时，你的页面应该是类似下图所示
-<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/26.png" style="zoom:60%;" />
+当检测到成绩更新时，你的页面应该与下图所示的页面完全一致或几乎一致
+
+<img src="https://raw.githubusercontent.com/NianBroken/ZFCheckScores/main/img/26.png" width="60%" />
\ No newline at end of file