开发第一阶段完毕

2024-06-25 14:25:08 +08:00
parent e8443dd1b6
commit f74d9309be
12 changed files with 121 additions and 71 deletions
@@ -1,4 +1,4 @@
-<html><html>
+<html>
 <head>
    <meta charset="UTF-8">
    <style>
@@ -43,14 +43,26 @@
            max-width: 580px;
        }
        .各集内容 img {
-            width: 254px;
+            width: 100%;
            height: auto;
        }
        .各集内容 p {
            font-size: 16.8px;
            line-height: 1.6;
        }
+        .各集内容 .黑幕 {
+            background-color: #252525;
+            color: #252525;
+            transition: 0.13s linear;
+            font-size: 16.8px;
+        }
+        .各集内容 .黑幕:hover {
+            color: white;
+        }

+        #艺术字 {
+            margin-left: 105px;
+        }
        #艺术字 .艺术字 {
            width: 50%;
            color: #36c0b9;
@@ -101,7 +113,7 @@
            font-weight: bold;
            unicode-bidi: isolate;
        }
-        p{
+        p {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
@@ -109,6 +121,16 @@
            margin-inline-end: 0px;
            unicode-bidi: isolate;
        }
+        a {
+            text-decoration: none;
+            color: #3f51b5;
+        }
+        a:active,a:visited:active {
+            color: orange;
+        }
+        a:visited {
+            color: #0b0080;
+        }
        #事先声明 {
            color: rgb(70, 70, 70);
            font-size: small;
@@ -172,6 +194,20 @@
            top: 0px;
        }

+        .imgBox {
+            display: inline-block;
+            width: 113px;
+            height: 122px;
+            text-align: center;
+            transition: 0.25s;
+        }
+        .imgBox:hover {
+            opacity: 0.70;
+        }
+        .imgBox img {
+            width: 100px;
+            height: 100px;
+        }
    </style>
 </head>

@@ -211,8 +247,8 @@
    </div>
    <div id="作品简介3">
        <div class="大圆角标签3"></div>
-        <h2>&nbspQ3：mirai框架的QQ机器人，区别于其他框架机器人的亮点有哪些？</h2>
-        <p>mirai框架发展时间，技术更成熟，现有的更好的qq机器人框架都是在mirai基础上进行迭代更新的，所以对qq机器人的框架学习更有帮助；</P>
+        <h2>&nbspQ3：mirai框架的QQ机器人，区别于其他QQ机器人的亮点有哪些？</h2>
+        <p>mirai框架发展时间长，技术更成熟，现有的更好的QQ机器人框架都是在mirai基础上进行迭代升级的，所以对QQ机器人的框架学习更有帮助</P>

    </div>
    <div id="作品简介4">
@@ -247,7 +283,7 @@
        <img src="image/骚扰机器人.png">


-        <p>在群中发送“111”字样即可让robot“稍微的”理你一下</p>
+        <p>在群中发送“111”字样即可让bot“稍微的”理你一下</p>
    </div>
 </div>
 <div class="各集内容">
@@ -265,7 +301,7 @@
    <span>#03 临时会话回复</span>
    <div class="内容">
        <img src="image/临时会话1.png">
-        <img src="/image/临时会话2.png">
+        <img src="image/临时会话2.png">


        <p>在群聊中对bot进行临时会话，管理员便可在控制台进行回复</p>
@@ -275,6 +311,7 @@
    <span>#04 好友消息回复</span>
    <div class="内容">
        <img src="image/好友发送消息.jpg">
+        <img src="image/好友发送消息2.png">

        <p>bot的好友发起聊天后，管理员便可以在控制台进行回复</p>

@@ -306,8 +343,8 @@
    <div class="内容">
        <img src="image/原神1.png">
        <img src="image/原神2.png">
-        <p>在群中发送消息带有某个“**启动”“OP”等违禁词即可喜提“60S”禁言+撤回大礼包</p>‘
-        <p>偷偷告送你，分开输入的话笨蛋robot是检测不出来的</p>
+        <p>在群中发送消息带有“<span class="黑幕" title="你知道的太多了">原神</span>启动”“<span class="黑幕" title="你知道的太多了">OP</span>”等违禁词即可喜提“60S”禁言+撤回大礼包</p>‘
+        <p>偷偷告诉你，分开输入的话笨蛋bot是检测不出来的</p>
    </div>
 </div>
 <div class="各集内容">
@@ -320,7 +357,9 @@
    </div>
 </div>
    <p>此外还可以在下表中查看群聊消息统计数据</p>
-    <a href="messagelist">群聊信息统计表</a>
+    <div class="imgBox">
+        <a href="messagelist" title="后藤一里"><img src="image/200px-后藤独头贴.png">点我查看bot统计信息</a>
+    </div>
 </article>