Skip to content

Commit 3b92fa7

Browse files
committed
feat: optimize pages and add animations
1 parent ce42eb0 commit 3b92fa7

File tree

14 files changed

+442
-181
lines changed

14 files changed

+442
-181
lines changed

src/.vuepress/sidebar.ts

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -132,8 +132,7 @@ export default sidebar({
132132
"bamotalk",
133133
"jrrp",
134134
"abook",
135-
"cao",
136-
"hajimi",
135+
"image_collection",
137136
"otto",
138137
"emoji",
139138
"mypower",

src/.vuepress/styles/index.scss

Lines changed: 48 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -281,10 +281,24 @@
281281

282282
/* .vuepress/styles/index.scss */
283283
.hover-rotate {
284-
transition: transform 0.6s; /* 过渡效果 */
284+
transition: transform 0.6s;
285+
cursor: pointer;
285286

287+
// PC端:鼠标悬停疯狂旋转
286288
&:hover {
287-
animation: rotate 0.1s linear infinite; /* 无限旋转 */
289+
animation: rotate 0.1s linear infinite;
290+
}
291+
292+
// 移动端:点击触发疯狂旋转
293+
&:active {
294+
animation: rotate 0.1s linear infinite;
295+
}
296+
297+
// 移动端触摸支持 - 转5圈后停止
298+
@media (hover: none) and (pointer: coarse) {
299+
&:active {
300+
animation: rotate 0.1s linear 50; // 转5秒(50圈)
301+
}
288302
}
289303
}
290304

@@ -297,6 +311,38 @@
297311
}
298312
}
299313

314+
// 上下跳动效果
315+
.hover-bounce {
316+
cursor: pointer;
317+
transition: transform 0.3s ease;
318+
319+
// PC端:鼠标悬停跳动
320+
&:hover {
321+
animation: bounce 0.6s ease infinite;
322+
}
323+
324+
// 移动端:点击触发跳动
325+
&:active {
326+
animation: bounce 0.6s ease infinite;
327+
}
328+
329+
// 移动端触摸支持 - 跳5秒后停止
330+
@media (hover: none) and (pointer: coarse) {
331+
&:active {
332+
animation: bounce 0.6s ease 8; // 跳8次
333+
}
334+
}
335+
}
336+
337+
@keyframes bounce {
338+
0%, 100% {
339+
transform: translateY(0);
340+
}
341+
50% {
342+
transform: translateY(-10px);
343+
}
344+
}
345+
300346
.card {
301347
flex: 1;
302348
padding: 20px;

src/about/fankui.md

Lines changed: 33 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,46 @@ copyright: false
66
footer: Neko docs - 反馈​
77
---
88

9-
如果对文档有任何不理解的地方,以及在使用机器人时,出现了问题或疑问,请:
9+
## ✉ 如何反馈
1010

11-
- 在这个喵喵信箱里,留下您的建议。 [[喵喵信箱]](https://input.nekodayo.top)
12-
- 及时联系开发团队。
11+
如果对文档有任何不理解的地方,或在使用机器人时遇到问题、有想法,欢迎反馈!
12+
13+
### ✎ 喵喵信箱
14+
15+
在有 Neko 的群聊或私聊中发送以下指令:
16+
17+
- `#投信 内容` - 投递想法
18+
- `#反馈 内容` - 反馈问题
19+
- `#建议 内容` - 提出建议
20+
21+
你的消息会自动记录到 [喵喵信箱](https://input.nekodayo.top)
22+
23+
**示例:**
24+
25+
<QQChat title="喵喵信箱">
26+
<QQMessage align="left" avatar="https://drive.nekodayo.top/raw/nekodocs/image/neko11.jpg">
27+
<div>#投信 建议 JQ cos neko</div>
28+
</QQMessage>
29+
30+
<QQMessage align="right" avatar="http://q2.qlogo.cn/headimg_dl?dst_uin=3582537505&spec=640">
31+
<div>你的信件已经送到喵喵信箱啦,感谢你的支持!<br>可以在这里查看哦: https://input.nekodayo.top</div>
32+
</QQMessage>
33+
</QQChat>
34+
35+
---
36+
37+
## ☎ 直接联系开发团队
1338

1439
<VPCard
1540
class="hover-rotate"
1641
title="JQ-28"
17-
desc="你好"
42+
desc="你好你好"
1843
logo="http://q2.qlogo.cn/headimg_dl?dst_uin=480352716&spec=640"
1944
link="https://qm.qq.com/q/5Bioq0yCCA"
2045
background="rgba(248, 248, 255, 0.3)"
2146
/>
2247

48+
:::tip ⌗ 先看看常见问题
49+
你的问题可能已经有答案了![查看 FAQ →](/zhuyi/faq)
50+
:::
51+

src/jieshao/neko.md

Lines changed: 44 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -75,42 +75,47 @@ Bot 刚创建的时候是《原神》中的角色“珊瑚宫心海”,因为
7575

7676
## **联系Neko**
7777

78-
```component VPCard
79-
title: Neko_dayo~
80-
desc: 咪
81-
logo: http://q2.qlogo.cn/headimg_dl?dst_uin=3582537505&spec=640
82-
link: https://qm.qq.com/q/pSRLW8QFLq
83-
background: rgba(247, 217, 253, 0.3)
84-
```
85-
86-
```component VPCard
87-
title: Neko一号机
88-
desc: 二楼!
89-
logo: http://q2.qlogo.cn/headimg_dl?dst_uin=3309739044&spec=640
90-
link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3309739044
91-
background: rgba(247, 217, 253, 0.3)
92-
```
93-
94-
```component VPCard
95-
title: Neko二号机
96-
desc: 赛博猫会梦到电子鼠嘛?
97-
logo: http://q2.qlogo.cn/headimg_dl?dst_uin=2760015052&spec=640
98-
link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2760015052
99-
background: rgba(247, 217, 253, 0.3)
100-
```
101-
102-
```component VPCard
103-
title: Neko三号机
104-
desc: 人!泥嚎!
105-
logo: http://q2.qlogo.cn/headimg_dl?dst_uin=3278327679&spec=640
106-
link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3278327679
107-
background: rgba(247, 217, 253, 0.3)
108-
```
109-
110-
```component VPCard
111-
title: Neko官方机器人
112-
desc: BABABOI~
113-
logo: https://q1.qlogo.cn/g?b=qq&nk=2854207094&s=640
114-
link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2854207094
115-
background: rgba(247, 217, 253, 0.3)
116-
```
78+
<VPCard
79+
class="hover-bounce"
80+
title="Neko_dayo~"
81+
desc="咪"
82+
logo="http://q2.qlogo.cn/headimg_dl?dst_uin=3582537505&spec=640"
83+
link="https://qm.qq.com/q/pSRLW8QFLq"
84+
background="rgba(247, 217, 253, 0.3)"
85+
/>
86+
87+
<VPCard
88+
class="hover-bounce"
89+
title="Neko一号机"
90+
desc="二楼!"
91+
logo="http://q2.qlogo.cn/headimg_dl?dst_uin=3309739044&spec=640"
92+
link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3309739044"
93+
background="rgba(247, 217, 253, 0.3)"
94+
/>
95+
96+
<VPCard
97+
class="hover-bounce"
98+
title="Neko二号机"
99+
desc="赛博猫会梦到电子鼠嘛?"
100+
logo="http://q2.qlogo.cn/headimg_dl?dst_uin=2760015052&spec=640"
101+
link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2760015052"
102+
background="rgba(247, 217, 253, 0.3)"
103+
/>
104+
105+
<VPCard
106+
class="hover-bounce"
107+
title="Neko三号机"
108+
desc="人!泥嚎!"
109+
logo="http://q2.qlogo.cn/headimg_dl?dst_uin=3278327679&spec=640"
110+
link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3278327679"
111+
background="rgba(247, 217, 253, 0.3)"
112+
/>
113+
114+
<VPCard
115+
class="hover-bounce"
116+
title="Neko官方机器人"
117+
desc="BABABOI~"
118+
logo="https://q1.qlogo.cn/g?b=qq&nk=2854207094&s=640"
119+
link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2854207094"
120+
background="rgba(247, 217, 253, 0.3)"
121+
/>

src/qianyan.md

Lines changed: 38 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,45 @@ footer: Neko docs - 前言
88

99
![](https://count.getloli.com/@nekodayohelp?name=nekodayo&theme=rule34)
1010

11-
**Neko首次诞生于2022.2.22,那是一个平凡的日子。**
11+
## 𖠁 关于 Neko 的碎碎念
1212

13-
**尽管自诞生以来,Neko历经了多次洗礼,也走过了各种坎坎坷坷……**
13+
Neko Bot 是一只可爱的多功能猫娘 QQ 机器人,也是我的"电子女儿"(笑)。
1414

15-
**但我们永不放弃,无怨无悔。**
15+
说起来,2021 年的时候我第一次接触到 QQ 机器人,当时就想着"哇!我也要创造一个属于自己的 Bot!"就这样,怀着满腔热情和对技术的好奇心,开始了这段旅程。
1616

17-
**如今Neko历经了两个完整的春夏秋冬,Neko也成长到了1.14版本。**
17+
**2022 年 2 月 22 日**,一个平凡却又特别的日子,Neko 正式诞生了 ฅ^•ﻌ•^ฅ
1818

19-
**希望以后的道路,能够让Neko看到耀眼的光芒。**
19+
从那时起到现在,Neko 历经了多次洗礼,也走过了各种坎坎坷坷……有过深夜调试功能的溃,有过功能上线的兴奋,也有过被各种问题折磨的无奈。但是啊,每次看到群友们开心地使用 Neko 的功能,所有的辛苦都值得了 ww
20+
21+
如今 Neko 已经走过了将近三个春夏秋冬,成长到了 **2.22 版本**。她完全**免费、纯公益运营**,源于我对技术的兴趣与热爱(虽然开销有一点贵就是了...)
22+
23+
---
24+
25+
## ⍟ 技术细节
26+
27+
Neko Bot是基于网上能搜索到的开源机器人框架与**napcat**协议端搭建的
28+
!!在napcat之前有使用过qq机器人开发者都接触过的qq模块,oicq,gocq等等(悲报 code:40)!!
29+
30+
**关于插件:**
31+
- ◈ 大多来源于开源社区的优秀贡献
32+
- ◈ 部分由我自行魔改适配
33+
- ◈ 还有一些是我独立编写的功能
34+
35+
**关于费用:**
36+
- ✓ 所有功能均为**免费使用**
37+
- ⚐ 仅 AI 功能因成本较高(真的烧钱...),设有轻度收费限制
38+
- ❦ 如果愿意支持的话,可以看看 [赞助页面](/zanzhu) ww
39+
40+
---
41+
42+
<div style="text-align: center; margin: 40px 0; padding: 20px; background: linear-gradient(135deg, rgba(249, 189, 235, 0.1) 0%, rgba(197, 216, 248, 0.1) 100%); border-radius: 15px;">
43+
<p style="font-size: 16px; color: #666; line-height: 1.8;">
44+
<strong>感谢大家一直以来的喜爱与陪伴</strong><br>
45+
让这只小猫能够走到现在<br><br>
46+
希望以后的道路<br>
47+
能够让 Neko 看到更加耀眼的光芒 ⋆
48+
</p>
49+
<p style="margin-top: 20px; font-style: italic; color: #999;">
50+
—— 永远感恩,JQ-28
51+
</p>
52+
</div>

0 commit comments

Comments
 (0)