Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
436 lines (408 loc) · 31.9 KB
/
Copy pathindex.html
File metadata and controls
436 lines (408 loc) · 31.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>喵喵起始页</title>
<meta name="description" content="一个无广告简洁快速的自适应浏览器起始页">
<meta name="keywords" content="轻导航,喵导航,nav,tool,search,navigation,soumiao,搜喵,喵喵起始页">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['"Noto Sans SC"', 'sans-serif'],
},
animation: {
'fade-in': 'fadeIn 0.5s ease-out',
'slide-in': 'slideIn 0.3s ease-out',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0', transform: 'translateY(-20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
slideIn: {
'0%': { opacity: '0', transform: 'translateX(20px)' },
'100%': { opacity: '1', transform: 'translateX(0)' },
}
}
}
}
}
</script>
<style>
/* 滚动条美化 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(156, 163, 175, 0.5);
border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(107, 114, 128, 0.8);
}
/* 玻璃拟态 */
.glass {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.glass-dark {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
[v-cloak] { display: none; }
</style>
</head>
<body class="antialiased text-gray-800">
<div id="app" v-cloak class="relative min-h-screen w-full overflow-hidden bg-cover bg-center transition-all duration-500 font-sans"
style="background-image: url('https://source.unsplash.com/random/1920x1080?nature,landscape');">
<div class="absolute inset-0 bg-black/20 backdrop-blur-[2px] z-0"></div>
<main class="relative z-10 flex flex-col items-center justify-center min-h-screen px-4 transition-all duration-300"
:class="{ 'blur-sm scale-95': showDrawer }">
<div class="absolute top-6 right-6 flex items-center gap-4">
<div id="he-plugin-simple" class="glass rounded-full !px-3 !py-1 hover:bg-white/40 transition-colors"></div>
<button @click="showDrawer = true"
class="w-10 h-10 rounded-full glass flex items-center justify-center text-white hover:bg-white/40 transition-all shadow-lg group">
<i class="fa-solid fa-bars text-lg group-hover:rotate-90 transition-transform duration-300"></i>
</button>
</div>
<div class="mb-10 text-center animate-fade-in">
<i class="fa-solid fa-cat text-7xl text-white drop-shadow-xl mb-4"></i>
<h1 class="text-white text-3xl font-light tracking-widest drop-shadow-md">喵喵起始页</h1>
</div>
<div class="w-full max-w-xl mx-auto animate-fade-in" style="animation-delay: 0.1s;">
<div class="flex justify-center mb-5 gap-3">
<button v-for="engine in engines" :key="engine.name"
@click="currentEngine = engine"
class="px-4 py-1.5 rounded-full text-sm font-medium transition-all duration-300 flex items-center gap-2 border border-transparent"
:class="currentEngine.name === engine.name
? 'bg-white text-gray-800 shadow-lg scale-105'
: 'bg-white/20 text-white hover:bg-white/30 backdrop-blur-md'">
<i :class="[engine.iconClass]"></i>
{{ engine.name }}
</button>
</div>
<div class="relative group">
<div class="absolute inset-y-0 left-0 flex items-center pl-5 pointer-events-none text-gray-500">
<i class="fa-solid fa-magnifying-glass text-lg"></i>
</div>
<input type="text"
v-model="searchText"
@keyup.enter="handleSearch"
:placeholder="currentEngine.placeholder"
class="w-full py-4 pl-12 pr-24 text-lg text-gray-700 bg-white/80 hover:bg-white/95 focus:bg-white backdrop-blur-xl border border-white/50 rounded-2xl shadow-2xl focus:shadow-blue-500/30 outline-none transition-all placeholder-gray-400" />
<button @click="handleSearch"
class="absolute inset-y-2 right-2 px-6 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white rounded-xl transition-all shadow-md font-medium tracking-wide">
搜索
</button>
</div>
</div>
<div class="absolute bottom-8 w-full text-center text-white/90 text-sm drop-shadow-md animate-fade-in" style="animation-delay: 0.2s;">
<p class="mb-3 font-serif italic tracking-wide cursor-pointer hover:text-white transition opacity-90 hover:opacity-100 text-base" @click="fetchHitokoto">
"{{ hitokoto }}"
</p>
<div class="flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-xs opacity-70">
<span>© <a href="https://icat.top" target="_blank" class="hover:text-white underline-offset-2 hover:underline">Plaid Studio</a></span>
<span>|</span>
<a href="https://icat.top/doc/privacy" target="_blank" class="hover:text-white hover:underline">隐私守护</a>
<span>|</span>
<a href="https://www.icat.top" target="_blank" class="hover:text-white hover:underline">喵喵Pro</a>
<span>|</span>
<a href="https://icat.top/win" target="_blank" class="hover:text-white hover:underline">时光Boot</a>
<span>|</span>
<a href="https://plaidwork.github.io/sitemap.xml" target="_blank" class="hover:text-white hover:underline">Sitemap</a>
<span>|</span>
<a href="https://github.com/plaidwork/plaidwork.github.io" target="_blank" class="hover:text-white hover:underline">Github</a>
</div>
</div>
</main>
<div v-if="showDrawer" class="fixed inset-0 z-50 flex justify-end">
<div class="absolute inset-0 bg-black/30 backdrop-blur-sm transition-opacity" @click="showDrawer = false"></div>
<div class="relative w-full max-w-lg h-full bg-white/85 backdrop-blur-2xl shadow-2xl p-6 overflow-y-auto animate-slide-in border-l border-white/40">
<div class="flex justify-between items-center mb-8 sticky top-0 z-10">
<h2 class="text-xl font-bold text-gray-800 flex items-center gap-2">
<i class="fa-solid fa-compass text-blue-500"></i> 导航菜单
</h2>
<button @click="showDrawer = false" class="w-8 h-8 rounded-full hover:bg-gray-200/50 flex items-center justify-center transition text-gray-600">
<i class="fa-solid fa-xmark text-xl"></i>
</button>
</div>
<div class="space-y-8 pb-10">
<div v-for="category in links" :key="category.category">
<h3 class="flex items-center gap-2 mb-4 text-xs font-bold text-gray-500 uppercase tracking-wider pl-1 border-b border-gray-200 pb-1">
<i :class="category.iconClass"></i>
{{ category.category }}
</h3>
<div class="grid grid-cols-3 gap-3">
<a v-for="item in category.items" :key="item.name" :href="item.url" target="_blank"
class="flex flex-col items-center justify-center p-3 rounded-xl bg-white/60 hover:bg-white transition-all duration-200 group border border-gray-100 hover:shadow-lg hover:-translate-y-0.5 relative overflow-hidden h-24">
<div class="w-10 h-10 rounded-full flex items-center justify-center mb-2 transition-transform duration-300 group-hover:scale-110 shadow-sm bg-white text-xl"
:style="{ color: item.color }">
<i :class="item.icon"></i>
</div>
<span class="text-xs text-gray-600 font-medium truncate w-full text-center group-hover:text-gray-900">
{{ item.name }}
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const { createApp, ref, onMounted } = Vue
createApp({
setup() {
const showDrawer = ref(false)
const searchText = ref('')
const hitokoto = ref('获取中...')
const engines = [
{ name: '百度', iconClass: 'fa-solid fa-paw', url: 'https://www.baidu.com/s', key: 'wd', placeholder: '百度一下,你就知道' },
{ name: '谷歌', iconClass: 'fa-brands fa-google', url: 'https://www.google.com/search', key: 'q', placeholder: 'Google Search' },
{ name: '必应', iconClass: 'fa-brands fa-microsoft', url: 'https://cn.bing.com/search', key: 'q', placeholder: '微软必应' }
]
const currentEngine = ref(engines[0])
// 完整链接数据 (已根据 link.txt 更新)
const links = [
{
"category": "热门推荐", "iconClass": "fa fa-fire",
"items": [
{ "name": "DeepL翻译", "url": "https://www.deepl.com/translator", "icon": "fa-solid fa-language", "color": "#1B1E25" },
{ "name": "QQ邮箱", "url": "https://mail.qq.com", "icon": "fa-solid fa-envelope", "color": "#FABD0A" },
{ "name": "打字练习", "url": "https://dazidazi.com", "icon": "fa-solid fa-d", "color": "#1B1E25" },
{ "name": "微信开发", "url": "https://mp.weixin.qq.com", "icon": "fa-brands fa-weixin", "color": "#2AAE67" },
{ "name": "百度网盘", "url": "https://pan.baidu.com", "icon": "fa-solid fa-cloud-arrow-down", "color": "#0EAEFF" },
{ "name": "阿里云盘", "url": "https://www.aliyundrive.com", "icon": "fa-solid fa-cloud-arrow-down", "color": "#446DFF" },
{ "name": "网易邮箱", "url": "https://mail.163.com", "icon": "fa-solid fa-envelope", "color": "#CE0326" },
{ "name": "Outlook", "url": "https://outlook.live.com", "icon": "fa-brands fa-microsoft", "color": "#0078D4" },
{ "name": "Gmail", "url": "https://mail.google.com", "icon": "fa-brands fa-google", "color": "#EA4335" },
{ "name": "新浪邮箱", "url": "https://mail.sina.com.cn", "icon": "fa-brands fa-weibo", "color": "#DE252A" },
{ "name": "钉钉办公", "url": "https://www.dingtalk.com", "icon": "fa-solid fa-d", "color": "#0089FF" },
{ "name": "企业微信", "url": "https://work.weixin.qq.com", "icon": "fa-brands fa-weixin", "color": "#FC6500" },
{ "name": "阿里邮箱", "url": "https://mail.aliyun.com", "icon": "fa-solid fa-m", "color": "#EF4542" },
{ "name": "ChatGPT", "url": "https://chat.openai.com/chat", "icon": "fa-solid fa-comments", "color": "#75A99C" },
{ "name": "文心一言", "url": "https://yiyan.baidu.com/welcome", "icon": "fa-solid fa-comments", "color": "#0773ff" },
{ "name": "腾讯元宝", "url": "https://yuanbao.tencent.com", "icon": "fa-solid fa-earth-americas", "color": "#5EC77A" },
{ "name": "讯飞星火", "url": "https://xinghuo.xfyun.cn", "icon": "fa-solid fa-fire", "color": "#6b89ff" },
{ "name": "通义千问", "url": "https://tongyi.aliyun.com", "icon": "fa-solid fa-comments", "color": "#2c2c73" },
{ "name": "通义听悟", "url": "https://tingwu.aliyun.com/home", "icon": "fa-solid fa-dove", "color": "#605ce5" },
{ "name": "豆包", "url": "https://www.doubao.com", "icon": "fa-regular fa-face-meh-blank", "color": "#CAE4FF" },
{ "name": "即时AI", "url": "https://js.design/ai", "icon": "fa-solid fa-circle-nodes", "color": "#000" },
{ "name": "Gemini", "url": "https://gemini.google.com", "icon": "fa-solid fa-wand-magic-sparkles", "color": "#4285F4" },
{ "name": "next AIGC", "url": "https://www.learnprompt.pro", "icon": "fa-solid fa-book", "color": "#2E8555" },
{ "name": "提示工程", "url": "https://www.promptingguide.ai/zh", "icon": "fa-brands fa-github-alt", "color": "#000" }
]
},
{
"category": "影音媒体", "iconClass": "fa-solid fa-photo-film",
"items": [
{ "name": "腾讯视频", "url": "https://v.qq.com", "icon": "fa-solid fa-play", "color": "#2CA6FA" },
{ "name": "哔哩哔哩", "url": "https://www.bilibili.com", "icon": "fa-brands fa-bilibili", "color": "#FA8EA2" },
{ "name": "QQ 音乐", "url": "https://y.qq.com", "icon": "fa-brands fa-qq", "color": "#31c27c" },
{ "name": "优酷视频", "url": "https://www.youku.com", "icon": "fa-solid fa-clapperboard", "color": "#FF006D" },
{ "name": "抖音视频", "url": "https://www.douyin.com", "icon": "fa-brands fa-tiktok", "color": "#060716" },
{ "name": "网易音乐", "url": "https://music.163.com", "icon": "fa-solid fa-record-vinyl", "color": "#EA2000" },
{ "name": "爱奇艺", "url": "https://www.iqiyi.com", "icon": "fa-solid fa-circle-play", "color": "#1CC749" },
{ "name": "芒果TV", "url": "https://www.mgtv.com", "icon": "fa-brands fa-maxcdn", "color": "#FF6200" },
{ "name": "CCTV", "url": "https://tv.cctv.com", "icon": "fa-solid fa-c", "color": "#E60012" },
{ "name": "AcFun", "url": "https://www.acfun.cn", "icon": "fa-solid fa-a", "color": "#FD4C5D" },
{ "name": "YouTube", "url": "https://www.youtube.com", "icon": "fa-brands fa-youtube", "color": "#FF0000" },
{ "name": "NetFlix", "url": "https://www.netflix.com", "icon": "fa-solid fa-n", "color": "#E50914" },
{ "name": "影猫仓库", "url": "https://ymck.me", "icon": "fa-solid fa-cat", "color": "#EDA362" },
{ "name": "一起看视频", "url": "https://videotogether.github.io", "icon": "fa-solid fa-video", "color": "#42B883" },
{ "name": "文件传输", "url": "https://musetransfer.com", "icon": "fa-solid fa-m", "color": "#000" }
]
},
{
"category": "购物休闲", "iconClass": "fa-solid fa-cart-shopping",
"items": [
{ "name": "淘宝", "url": "https://www.taobao.com", "icon": "fa-brands fa-alipay", "color": "#FF5B00" },
{ "name": "京东", "url": "https://www.jd.com", "icon": "fa-solid fa-d", "color": "#e1251b" },
{ "name": "当当", "url": "https://www.dangdang.com", "icon": "fa-solid fa-bag-shopping", "color": "#FF2832" },
{ "name": "拼多多", "url": "https://www.pinduoduo.com", "icon": "fa-solid fa-p", "color": "#E22A1F" },
{ "name": "网易严选", "url": "https://you.163.com", "icon": "fa-solid fa-cart-shopping", "color": "#333333" },
{ "name": "苏宁易购", "url": "https://www.suning.com", "icon": "fa-solid fa-shop", "color": "#FFD000" },
{ "name": "亚马逊", "url": "https://www.amazon.cn", "icon": "fa-brands fa-amazon", "color": "#FFA000" },
{ "name": "Steam", "url": "https://store.steampowered.com", "icon": "fa-brands fa-steam", "color": "#193C53" },
{ "name": "Epic", "url": "https://store.epicgames.com/zh-CN", "icon": "fab fas fa-e", "color": "#121212" },
{ "name": "WeGame", "url": "https://www.wegame.com.cn", "icon": "fa-brands fa-w", "color": "#FF6F54" }
]
},
{
"category": "资讯社交", "iconClass": "fa-regular fa-newspaper",
"items": [
{ "name": "澎湃新闻", "url": "https://www.thepaper.cn", "icon": "fa-solid fa-p", "color": "#000" },
{ "name": "微博", "url": "https://weibo.com/login.php", "icon": "fa-brands fa-weibo", "color": "#E22428" },
{ "name": "知乎", "url": "https://www.zhihu.com", "icon": "fa-brands fa-zhihu", "color": "#0066FF" },
{ "name": "36氪", "url": "https://36kr.com", "icon": "fa-solid fa-k", "color": "#4285f4" },
{ "name": "掘金", "url": "https://juejin.cn", "icon": "fa-solid fa-angles-down", "color": "#1881FF" },
{ "name": "豆瓣", "url": "https://www.douban.com", "icon": "fa-solid fa-d", "color": "#41ac52" },
{ "name": "V2EX", "url": "https://www.v2ex.com", "icon": "fa-solid fa-v", "color": "#1D9BF0" },
{ "name": "Twitter", "url": "https://twitter.com", "icon": "fa-brands fa-twitter", "color": "#1D9BF0" },
{ "name": "Facebook", "url": "https://www.facebook.com", "icon": "fa-brands fa-facebook", "color": "#1877F2" },
{ "name": "框框大学", "url": "https://www.kkdaxue.com", "icon": "fa-solid fa-building-columns", "color": "#2F88FF" },
{ "name": "Instagram", "url": "https://www.instagram.com", "icon": "fa-brands fa-instagram", "color": "#D92A78" }
]
},
{
"category": "设计视觉", "iconClass": "fa-solid fa-compass-drafting",
"items": [
{ "name": "创造狮", "url": "https://chuangzaoshi.com", "icon": "fa-solid fa-pen-ruler", "color": "#171717" },
{ "name": "zcool站酷", "url": "https://www.zcool.com.cn", "icon": "fa-solid fa-z", "color": "#FFF200" },
{ "name": "阿里图标", "url": "https://www.iconfont.cn", "icon": "fa-solid fa-font", "color": "#A50DFE" },
{ "name": "花瓣网", "url": "https://huaban.com", "icon": "fa-solid fa-h", "color": "#FF6868" },
{ "name": "创客贴", "url": "https://www.chuangkit.com", "icon": "fa-brands fa-redhat", "color": "#0499FD" },
{ "name": "Dribbble", "url": "https://dribbble.com", "icon": "fa-brands fa-dribbble", "color": "#EA4C89" },
{ "name": "Mixkit", "url": "https://mixkit.co", "icon": "fa-solid fa-m", "color": "#2A2A2A" },
{ "name": "Universe", "url": "https://uiverse.io", "icon": "fa-solid fa-file-code", "color": "#2575fc" },
{ "name": "偷懒工具", "url": "https://toolight.cn", "icon": "fa-solid fa-t", "color": "#000" }
]
},
{
"category": "学习充电", "iconClass": "fa-solid fa-chalkboard-user",
"items": [
{ "name": "腾讯课堂", "url": "https://ke.qq.com", "icon": "fa-solid fa-graduation-cap", "color": "#2080F7" },
{ "name": "慕课网", "url": "https://www.imooc.com", "icon": "fa-solid fa-fire", "color": "#F01414" },
{ "name": "网易云课堂", "url": "https://study.163.com", "icon": "fa-solid fa-book-open", "color": "#FC1E1E" },
{ "name": "WPS学堂", "url": "https://www.wps.cn/learning", "icon": "fa-solid fa-book", "color": "#2077EC" },
{ "name": "懒人Excel", "url": "https://www.lanrenexcel.com", "icon": "fa-solid fa-file-excel", "color": "#217346" },
{ "name": "中国大学MOOC", "url": "https://www.icourse163.org", "icon": "fa-solid fa-building-columns", "color": "#00C658" },
{ "name": "菜鸟教程", "url": "https://www.runoob.com", "icon": "fa-solid fa-laptop-code", "color": "#96B97D" },
{ "name": "W3School", "url": "https://www.w3school.com.cn", "icon": "fa-solid fa-w", "color": "#BD2D30" },
{ "name": "极客时间", "url": "https://time.geekbang.org", "icon": "fa-solid fa-lightbulb", "color": "#EB620F" },
{ "name": "合天网安", "url": "https://www.hetianlab.com", "icon": "fa-solid fa-shield-cat", "color": "#0086DC" },
{ "name": "QAdoc", "url": "https://qadoc.cn", "icon": "fa-solid fa-laptop-file", "color": "#212529" },
{ "name": "风变编程", "url": "https://www.pypypy.cn", "icon": "fa-solid fa-wind", "color": "#050505" },
{ "name": "软仓", "url": "https://www.ruancang.net", "icon": "fa-solid fa-warehouse", "color": "#8B9FC5" }
]
},
{
"category": "搜索引擎", "iconClass": "fa-brands fa-searchengin",
"items": [
{ "name": "必应搜索", "url": "https://cn.bing.com", "icon": "fa-solid fa-magnifying-glass", "color": "#8DC63F" },
{ "name": "搜狗微信", "url": "https://weixin.sogou.com", "icon": "fa-brands fa-weixin", "color": "#FE6711" },
{ "name": "360搜索", "url": "https://www.so.com", "icon": "fa-solid fa-shield", "color": "#FEE500" },
{ "name": "Fsou", "url": "https://fsoufsou.com", "icon": "fa-solid fa-f", "color": "#1973E8" },
{ "name": "UP云搜", "url": "https://www.upyunso.com", "icon": "fa-solid fa-u", "color": "#84DC43" },
{ "name": "谷歌搜索", "url": "https://www.google.com", "icon": "fa-brands fa-google", "color": "#EA4335" }
]
},
{
"category": "在线工具", "iconClass": "fa-solid fa-toolbox",
"items": [
{ "name": "Miku工具", "url": "https://tools.miku.ac", "icon": "fas fa-tools", "color": "#000" },
{ "name": "JPG压缩", "url": "https://www.picdiet.com/zh-cn", "icon": "fa-solid fa-file-image", "color": "#2B95FD" },
{ "name": "TinyPNG", "url": "https://tinypng.com", "icon": "fa-regular fa-file-image", "color": "#3F444F" },
{ "name": "腾讯文档", "url": "https://docs.qq.com", "icon": "fa-solid fa-file-lines", "color": "#1E6FFF" },
{ "name": "Office", "url": "https://www.office.com", "icon": "fa-brands fa-microsoft", "color": "#D83B01" },
{ "name": "MSDN下载", "url": "https://msdn.itellyou.cn", "icon": "fa-brands fa-windows", "color": "#3B84C3" },
{ "name": "IP查询", "url": "https://ipw.cn", "icon": "fa-solid fa-network-wired", "color": "#07C160" },
{ "name": "DNSLog", "url": "http://dnslog.cn", "icon": "fa-solid fa-d", "color": "#ADD3EF" },
{ "name": "贝赛尔曲线", "url": "https://cubic-bezier.com", "icon": "fa-solid fa-bezier-curve", "color": "#00AABB" },
{ "name": "图像优化", "url": "https://zh.recompressor.com", "icon": "fa-solid fa-file-image", "color": "#0000FF" },
{ "name": "SVG压缩", "url": "http://tool.mkblog.cn/svgo", "icon": "fa-solid fa-file-image", "color": "#8A8A8A" },
{ "name": "时光Boot", "url": "https://flowus.cn/boot/share/4feb1624-943e-487d-8b69-4301c7ab61f3", "icon": "fa-brands fa-windows", "color": "#4ACBEA" },
{ "name": "GitHub加速", "url": "https://ghproxy.com/", "icon": "fa-brands fa-github", "color": "#777777" }
]
},
{
"category": "程序人生", "iconClass": "fa-solid fa-code",
"items": [
{ "name": "Github", "url": "https://github.com", "icon": "fa-brands fa-github", "color": "#24292F" },
{ "name": "Gitee码云", "url": "https://gitee.com", "icon": "fa-brands fa-git-square", "color": "#C71D23" },
{ "name": "Codepen", "url": "https://codepen.io", "icon": "fa-brands fa-codepen", "color": "#131417" },
{ "name": "腾讯云", "url": "https://cloud.tencent.com/login", "icon": "fa-solid fa-cloud-arrow-up", "color": "#00A3FF" },
{ "name": "阿里云", "url": "https://account.aliyun.com/login/login.htm", "icon": "fa-solid fa-cloud-arrow-up", "color": "#FF6A00" },
{ "name": "华为云", "url": "https://auth.huaweicloud.com/authui", "icon": "fa-solid fa-cloud-arrow-up", "color": "#C7000B" },
{ "name": "云+社区", "url": "https://cloud.tencent.com/developer", "icon": "fa-solid fa-cloud", "color": "#00A3FF" },
{ "name": "云栖社区", "url": "https://developer.aliyun.com", "icon": "fa-solid fa-cloud", "color": "#FF6A00" },
{ "name": "吾爱破解", "url": "https://www.52pojie.cn", "icon": "fa-solid fa-5", "color": "#E21616" },
{ "name": "SF思否", "url": "https://segmentfault.com", "icon": "fa-solid fa-s", "color": "#00965E" },
{ "name": "IT熊猫", "url": "https://itpanda.net/book", "icon": "fa-solid fa-book", "color": "#665B5B" },
{ "name": "网道文档", "url": "https://wangdoc.com", "icon": "fa-solid fa-file-lines", "color": "#089BE0" },
{ "name": "提交收录", "url": "http://support.qq.com/product/64799", "icon": "fas fa-arrow-alt-circle-up", "color": "#FF1744" },
{ "name": "浏览器检测", "url": "https://www.ghxi.com/llq", "icon": "fa-brands fa-chrome", "color": "#FBBC05" },
{ "name": "VupLive", "url": "https://vup.darkflame.ga/online", "icon": "fa-solid fa-code", "color": "#FF1744" }
]
}
]
const handleSearch = () => {
if (!searchText.value) return
const url = `${currentEngine.value.url}?${currentEngine.value.key}=${encodeURIComponent(searchText.value)}`
window.open(url, '_blank')
searchText.value = ''
}
const fetchHitokoto = async () => {
try {
const res = await fetch('https://v1.hitokoto.cn/?encode=json')
const data = await res.json()
hitokoto.value = data.hitokoto
} catch (e) {
hitokoto.value = "即使是微小的星光,也能照亮夜空。"
}
}
const loadWeather = () => {
window.WIDGET = {
"CONFIG": {
"modules": "01234",
"background": "5",
"tmpColor": "FFFFFF",
"tmpSize": "16",
"cityColor": "FFFFFF",
"citySize": "16",
"aqiColor": "FFFFFF",
"aqiSize": "16",
"weatherIconSize": "24",
"alertIconSize": "18",
"padding": "5px 10px",
"shadow": "0",
"language": "auto",
"borderRadius": "20",
"fixed": "false",
"vertical": "center",
"horizontal": "left",
"key": "4d76f283d26c410c95f4b73d0ab33843"
}
}
const script = document.createElement('script')
script.src = 'https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0'
script.async = true
document.body.appendChild(script)
}
onMounted(() => {
fetchHitokoto()
loadWeather()
const originTitle = document.title
window.onblur = () => { document.title = '(つ ェ ⊂)我藏好了哦~' }
window.onfocus = () => {
document.title = '(*゜ロ゜)ノ被发现了~'
setTimeout(() => { document.title = originTitle }, 3000)
}
})
return {
showDrawer, searchText, hitokoto, engines, currentEngine, links, handleSearch, fetchHitokoto
}
}
}).mount('#app')
</script>
<div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 39px;height: 39px;z-index: 99;">
<a href="https://myssl.com/plaidwork.github.io?from=mysslid" target="_blank">
<img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%">
</a>
</div>
</body>
</html>