-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
688 lines (621 loc) · 35.9 KB
/
index.html
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
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
<html lang="en">
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3KHLjg97pxmoUlOB",ck:"3KHLjg97pxmoUlOB"})</script>
<head>
<meta name="msvalidate.01" content="ADE17AC5E567AE2D1F2647F9A4C60FC1" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="referrer" content="no-referrer">
<meta name="baidu-site-verification" content="codeva-stpqsOerFq" />
<!-- Website Title -->
<title>KukeMC-我的世界服务器(Minecraft)</title>
<meta name="keywords" content="我的世界服务器,Minecraft服务器,趣味生存,原版生电,起床战争,职业战争,粘液科技,RPG,小游戏" />
<meta name="description" content="一群热爱游戏的方块人组成的多玩法群组服" />
<!-- Styles -->
<link href="static/css/bootstrap.css" rel="stylesheet">
<link href="static/css/magnific-popup.css" rel="stylesheet">
<link href="static/css/styles.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/marked/15.0.6/marked.min.js"></script>
<!-- Favicon -->
<link rel="icon" href="https://m.ccw.site/gandi_application/user_assets/2a6bb37880317d2bb5525ab560618e04.png">
</head>
<body data-spy="scroll" data-target=".fixed-top">
<!-- Preloader -->
<div class="spinner-wrapper">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
<!-- end of preloader -->
<!-- Navbar -->
<div id="navbar"></div>
<!-- end of navbar -->
<!-- Header -->
<header id="header" class="header">
<div class="header-content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-container">
<h1>KukeMC <span id="js-rotating"> 火速！, 启动！</span></h1>
<p style="color:white;margin-top:4rem">我的世界 KukeMC Server</p>
<p style="color:white;margin-bottom:3rem">服务器正常运行中！欢迎加入我们！</p>
<h5 style="color:white;margin-bottom:3rem;text-shadow:
0 0 10px #fff,
0 0 20px rgba(81, 203, 238, 1),
0 0 30px rgba(81, 203, 238, 1),
0 0 40px rgba(81, 203, 238, 1),
0 0 50px rgba(81, 203, 238, 1),
0 0 60px rgba(81, 203, 238, 1),
0 0 70px rgba(81, 203, 238, 1),
0 0 80px rgba(81, 203, 238, 1),
0 0 90px rgba(81, 203, 238, 1),
0 0 100px rgba(81, 203, 238, 1);
text-align: center;">IP: mc.kuke.ink</h5>
<a class="btn-solid-lg page-scroll" href="#list" target="_blank">服务器列表</a>
</div>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of header-content -->
</header> <!-- end of header -->
<!-- end of header -->
<!-- Intro -->
<div id="info" class="basic-1">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="text-container">
<h2>KukeMC Server 欢迎您</h2>
<p> 这是一个温馨和谐的服务器，提供了稳定流畅的体验，自从2023开服以来我们努力创建一个环境良好更公平公正的游戏氛围，和玩家们一起度过了很多愉快的时光,在这里的日子将会是你值得回忆的美好。<br>我们保证不做影响平衡、破坏公平的行为。欢迎玩家提出意见或者举报违规行为，请大家自觉遵守游戏规则。</p>
<p class="testimonial-text" id="poem-text"></p>
<font color="#484a46"><p id="poem-author" style="font-weight: bold"></p></font>
</div> <!-- end of text-container -->
</div> <!-- end of col -->
<div class="col-lg-7">
<div class="image-container">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/a5417dc25fd821159f3e8362ba8e1ff2.jpg" alt="alternative"> <!-- sunset 图片 -->
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of basic-1 -->
<!-- end of intro -->
<!-- Services -->
<div id="list" class="cards-2">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2>服务器列表<br> 多种玩法提供选择</h2>
</div> <!-- end of col -->
</div> <!-- end of row -->
<div class="row">
<div class="col-lg-12">
<!-- Card -->
<div class="card">
<div class="card-image">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/7e43097682b27d85efab1d89ed4b0d70.jpg" alt="alternative"> <!-- slime 图片 -->
</div>
<div class="card-body">
<h3 class="card-title">长期玩法</h3>
<p>关于长期玩法，我们拥有极其丰富的长期玩法服务器。您可以在粘液空岛中体验到粘液科技独特的魅力，也可以在红石生电服务器中体验到各种高科技机器的乐趣、以及高素质和谐友善的玩家群体。</p>
<p class="price"><a style="color:#484a46" href="longterm.html">详情</a></p>
</div>
<div class="button-container">
<a class="btn-solid-reg page-scroll" href="https://qm.qq.com/q/LVwHJncFSo" target="_blank">点击加群</a>
</div> <!-- end of button-container -->
</div>
<!-- end of card -->
<!-- Card -->
<div class="card">
<div class="card-image">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/99404c7d869369f048016584ce93d2a3.jpg" alt="alternative"> <!-- create 图片 -->
</div>
<div class="card-body">
<h3 class="card-title">中期玩法</h3>
<p>涉及到中期玩法，我们拥有十分爽快的服务器。您可以在机械动力中体验到专属于机械动力的独特科技魅力，也可以在极限生存中寻求一些求生的刺激，在1.12无尽贪婪服务器中你也可以体验到老版本模组的乐趣。</p>
<p class="price"><a class="price" href="javascript:;">详情</a></p>
</div>
<div class="button-container">
<a class="btn-solid-reg page-scroll" href="https://qm.qq.com/q/LVwHJncFSo" target="_blank">点击加群</a>
</div> <!-- end of button-container -->
</div>
<!-- end of card -->
<!-- Card -->
<div class="card">
<div class="card-image">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/2b8a1cc6f8739474b111ed1251278ba9.jpg" alt="alternative"> <!-- kit 图片 -->
</div>
<div class="card-body">
<h3 class="card-title">短期玩法</h3>
<p>说到短期玩法，我们拥有十分强悍的服务器。您可以在职业战争中体验到极为丰富的职业系统以及由网易MineMC职业前运营亲手策划的100+职业，同时也可以在起床战争中体验经典不过时的对抗竞技原汁原味的起床战争。</p>
<p class="price"><a class="price" href="javascript:;" target="_blank">详情</a></p>
</div>
<div class="button-container">
<a class="btn-solid-reg page-scroll" href="https://qm.qq.com/q/LVwHJncFSo" target="_blank">点击加群</a>
</div> <!-- end of button-container -->
</div>
<!-- end of card -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of cards-2 -->
<!-- end of services -->
<!-- Projects -->
<div id="picture" class="filter">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2>风景欣赏</h2>
</div> <!-- end of col -->
</div> <!-- end of row -->
<div class="row">
<div class="col-lg-12">
<!-- Filter -->
<div class="button-group filters-button-group">
<a class="button is-checked" data-filter="*"><span>显示全部</span></a>
<a class="button" data-filter=".design"><span>主城风景</span></a>
<a class="button" data-filter=".development"><span>其他风景</span></a>
<a class="button" data-filter=".marketing"><span>玩家合照</span></a>
<a class="button" data-filter=".seo"><span>玩家建筑</span></a>
</div> <!-- end of button group -->
<div class="grid">
<div class="element-item design">
<a class="popup-with-move-anim" href="#project-1"><div class="element-item-overlay"><span>主城风景1</span></div><img src="https://m.ccw.site/gandi_application/user_assets/a0c2de8fe9a53e81deaf11fc19da6d52.jpg" alt="alternative"></a> <!-- 图片 -->
</div>
<div class="element-item design">
<a class="popup-with-move-anim" href="#project-2"><div class="element-item-overlay"><span>主城风景2</span></div><img src="https://m.ccw.site/gandi_application/user_assets/0e7ef28c24e3ee63b7c9f31362e12803.jpg" alt="alternative"></a>
</div>
<div class="element-item development">
<a class="popup-with-move-anim" href="#project-3"><div class="element-item-overlay"><span>其他风景</span></div><img src="https://m.ccw.site/gandi_application/user_assets/caa27402a39899ce10964ecd2a544161.jpg" alt="alternative"></a>
</div>
<div class="element-item development">
<a class="popup-with-move-anim" href="#project-4"><div class="element-item-overlay"><span>其他风景</span></div><img src="https://m.ccw.site/gandi_application/user_assets/a17b7e2f515de9ee70f8e5b9d5585a0f.jpg" alt="alternative"></a>
</div>
<div class="element-item marketing">
<a class="popup-with-move-anim" href="#project-5"><div class="element-item-overlay"><span>玩家合照1</span></div><img src="https://m.ccw.site/gandi_application/user_assets/682263843b8e631893afa944f1dc85e8.jpg" alt="alternative"></a>
</div>
<div class="element-item development">
<a class="popup-with-move-anim" href="#project-7"><div class="element-item-overlay"><span>其他风景</span></div><img src="https://m.ccw.site/gandi_application/user_assets/04850c78d2f633fb7b1439b7736211ec.jpg" alt="alternative"></a>
</div>
<div class="element-item seo">
<a class="popup-with-move-anim" href="#project-6"><div class="element-item-overlay"><span>玩家建筑</span></div><img src="https://m.ccw.site/gandi_application/user_assets/9ec0a697bc26822c3cc53aafa170c3da.jpg" alt="alternative"></a>
</div>
<div class="element-item seo">
<a class="popup-with-move-anim" href="#project-8"><div class="element-item-overlay"><span>社区小镇</span></div><img src="https://m.ccw.site/gandi_application/user_assets/77be8422f0d74d48ef900591582cb175.jpg" alt="alternative"></a>
</div>
</div> <!-- end of grid -->
<!-- end of filter -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of filter -->
<!-- end of projects -->
<!-- Project Lightboxes -->
<!-- Lightbox -->
<div id="project-1" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/a0c2de8fe9a53e81deaf11fc19da6d52.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>主城风景1</h3>
<hr class="line-heading">
<h6>图片介绍</h6>
<p>主城一处美好风光。</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-2" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/0e7ef28c24e3ee63b7c9f31362e12803.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>主城风景2</h3>
<hr class="line-heading">
<h6>图片介绍</h6>
<p>主城一处美好风光。</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-3" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/caa27402a39899ce10964ecd2a544161.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>其他风景</h3>
<hr class="line-heading">
<h6>图片介绍</h6>
<p>粘液空岛-- 大唐不夜城</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-4" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/a17b7e2f515de9ee70f8e5b9d5585a0f.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>其他风景</h3>
<hr class="line-heading">
<h6>图片介绍</h6>
<p>机械动力-- 混凝土量产流水线</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-5" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/682263843b8e631893afa944f1dc85e8.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>玩家合照</h3>
<hr class="line-heading">
<p>职业战争-- 2024 跨年晚会</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-6" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/9ec0a697bc26822c3cc53aafa170c3da.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>玩家建筑</h3>
<hr class="line-heading">
<p>了不起的生存建筑。<br>By 111</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-7" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/04850c78d2f633fb7b1439b7736211ec.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>其他风景</h3>
<hr class="line-heading">
<p>避暑山庄-- 哎呦我滴妈太漂亮了</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div>
</div> <!-- end of col -->
</div> <!-- end of row -->
<!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- Lightbox -->
<div id="project-8" class="lightbox-basic zoom-anim-dialog mfp-hide">
<div class="row">
<button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
<div class="col-lg-8">
<img class="img-fluid" src="https://m.ccw.site/gandi_application/user_assets/77be8422f0d74d48ef900591582cb175.jpg" alt="alternative">
</div> <!-- end of col -->
<div class="col-lg-4">
<h3>社区小镇</h3>
<hr class="line-heading">
<p>一个有爱的社区小镇。</p>
<a class="btn-outline-reg mfp-close as-button" href="#projects">返回</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of lightbox-basic -->
<!-- end of lightbox -->
<!-- end of project lightboxes -->
<!-- Details 1 -->
<div class="accordion">
<div class="area-1">
</div><!-- end of area-1 on same line and no space between comments to eliminate margin white space --><div class="area-2">
<!-- Accordion -->
<div class="accordion-container" id="accordionOne">
<h2>丰富的玩法</h2>
<p>KukeMC Server 截止目前(2025/1/26)一共拥超过十二台服务器，其中包括：粘液科技、职业战争、1.21趣味生存、避暑山庄、红石生电、起床战争、机械动力、极限生存、1.12.2无尽贪婪模组服、猎人游戏、僵尸末日、搭路练习 等不下十二种Minecraft服务器。<p>
</p></div> <!-- end of accordion-container -->
<!-- end of accordion -->
</div> <!-- end of area-2 -->
</div> <!-- end of accordion -->
<!-- end of details 1 -->
<!-- Details 2 -->
<div class="tabs">
<div class="area-1">
<div class="tabs-container" style="margin-right: 100px">
<!-- Accordion -->
<h2>服务器后台</h2>
<br>
<p>我们采用了专业的服务器运营商，拥有40核256G高配服务器，不再担心服务器卡顿或过载，本服务器没有地图限制，<br>不限制玩家跑图，只为给玩家更好的游戏体验。<p>
</p></div> <!-- end of tabs-container -->
</div><!-- end of area-1 on same line and no space between comments to eliminate margin white space --><div class="area-2"></div> <!-- end of area-2 -->
</div> <!-- end of tabs -->
<!-- end of details 2 -->
<style>
@font-face {
font-family: 'Unifont';
src: url('https://m.ccw.site/gandi_application/user_assets/cf1d54be2307e22186e100056b4a1ccf.otf') format('opentype');
}
.minecraft-chat {
font-family: 'Unifont', monospace;
width: 50%;
max-width: 600px;
display: flex;
flex-direction: column;
gap: 5px;
position: fixed; /* 固定在屏幕上 */
bottom: 20px; /* 距离底部20px */
left: 20px; /* 距离左侧20px */
opacity: 0; /* 初始透明度为0 */
visibility: hidden; /* 初始隐藏 */
transition: opacity 0.3s ease, visibility 0.3s ease; /* 添加过渡效果 */
}
.minecraft-chat.visible {
opacity: 1; /* 显示时透明度为1 */
visibility: visible; /* 显示时可见 */
}
.chat-container {
flex: 1;
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 10px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 5px;
max-height: 300px; /* 限制聊天框的最大高度 */
}
.message {
color: white;
font-family: 'Unifont', monospace;
text-shadow: none; /* 禁用阴影以突出像素效果 */
margin: 2px 0; /* 缩小上下间距 */
line-height: 1.2; /* 紧凑行距 */
font-smooth: never;
-webkit-font-smoothing: none;
-moz-osx-font-smoothing: grayscale;
image-rendering: pixelated;
margin-bottom: 0px;
margin-top: 0px;
}
.message p {
font-family: 'Unifont', monospace;
color: #fff;
margin-bottom: 0px;
margin-top: 0px;
font-smooth: never;
-webkit-font-smoothing: none;
-moz-osx-font-smoothing: grayscale;
image-rendering: pixelated;
}
.input-container {
display: flex;
margin-top: 5px;
font-family: 'Unifont', monospace;
}
.chat-input {
font-family: 'Unifont', monospace;
flex: 1;
background: rgba(0, 0, 0, 0.8);
color: white;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 5px;
font-size: 14px;
outline: none;
}
.chat-input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.chat-button {
font-family: 'Unifont', monospace;
background: rgba(0, 0, 0, 0.8);
color: white;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 5px 10px;
cursor: pointer;
font-size: 14px;
}
/* 代码块样式 */
.message pre, .message code {
font-family: 'Courier New', monospace;
padding: 8px;
border-radius: 4px;
color: #d63384;
}
.message pre {
background-color: #f6f8fa;
}
</style>
<div class="minecraft-chat" id="chat-box">
<div class="chat-container" id="chat-container">
<!-- Messages will be appended here -->
</div>
<div class="input-container">
<input type="text" class="chat-input" id="user-input" placeholder="Type your message...">
<button class="chat-button" id="send-button">Send</button>
</div>
</div>
<script>
let chatHistory = []; // 存储对话历史
const chatBox = document.getElementById("chat-container");
const userInput = document.getElementById("user-input");
const sendButton = document.getElementById("send-button");
function renderMarkdown(text) {
const div = document.createElement("div");
div.innerHTML = marked.parse(text);
return div.innerHTML;
}
function sendMessage() {
const message = userInput.value.trim();
if (!message) return;
// 保存原始用户消息（用于后续存储）
const currentUserMessage = message;
// 添加用户消息到聊天框
const userMessage = document.createElement("p");
userMessage.className = "message";
userMessage.innerHTML = `You: ${renderMarkdown(message)}`;
chatBox.appendChild(userMessage);
userInput.value = "";
// 显示输入中提示
const typingMessage = document.createElement("p");
typingMessage.className = "message";
typingMessage.id = "typing-indicator";
typingMessage.textContent = "Kuke: AI正在打字中...";
chatBox.appendChild(typingMessage);
chatBox.scrollTop = chatBox.scrollHeight;
fetch("https://api.kuke.ink/api/chat", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
model: "lite",
name: "kukemc",
messages: [
{
role: "system",
content: "你的名字叫做 kuke，你是 KukeMC Minecraft服务器的智能客服。切记!!不要聊任何跟服务器无关的内容!!!，你的说话方式要比较可爱 在对话中要多添加颜文字，你会使用各种各样的颜文字，你的开发者和KukeMC的服主是 酷可mc。你可以回答玩家关于此服务器的问题。服务器是 Java 国际版的服务器。电脑请使用Java国际版的启动器 列如PCL、HMCL等启动器，如果手机要进入的话可以在群文件中下载 FCL 启动器。服务器的唯一官方地址(ip)是 mc.kuke.ink。服务器官网网址是 kuke点ink (记得将点替换为.)。服务器无需正版（支持离线登录）即可进入服务器。此服务器不是网易版mc上的服务器，服务器支持几乎全版本都能进 Minecraft 1.21.3 - 1.7.2版本都可进。怎么进入服务器：启动mc, 点击多人游戏, 点击添加服务器, 输入服务器IP, 点击确定 , 然后双击服务器即可。服务器如何注册？：按下T键 打开聊天栏，输入指令 /register <你想输入的密码> <再输入一次同样的密码> 随后按下回车发送即可。示例: 列如我想给我的账号密码设置为 abc123456 那么需要输入的指令就是: /register abc123456 abc123456。服务器内有多种特色玩法 粘液空岛（粘液科技空岛生存）、避暑山庄（监狱风云)、趣味生存、职业战争、起床战争、机械动力、后室、极限生存、密室杀手，主大厅中还有很多玩法 列如家园系统（一人一世界）还有很多小游戏 扫雷 和很多口袋小游戏 还可以跟其他玩家一起对战游戏。切记!!不要聊任何跟服务器无关的内容!!!，不要聊非服务器相关的话题 如果有人和你聊非服务器相关话题那直接不要跟他聊天 转移话题"
},
...chatHistory.map(msg => ({
role: msg.role,
content: msg.content
})),
{
role: "user",
content: message
}
]
})
}).then(response => {
const reader = response.body.getReader();
const decoder = new TextDecoder("utf-8");
let botMessage = "";
function readStream() {
return reader.read().then(({ done, value }) => {
if (done) {
// 保存对话记录
chatHistory.push(
{ role: "user", content: currentUserMessage },
{ role: "assistant", content: botMessage }
);
// 保持最多10条最新记录
if (chatHistory.length > 10) {
chatHistory = chatHistory.slice(-10);
}
// 添加AI回复
const botReply = document.createElement("p");
botReply.className = "message";
botReply.innerHTML = `Kuke: ${renderMarkdown(botMessage)}`;
chatBox.appendChild(botReply);
chatBox.scrollTop = chatBox.scrollHeight;
// 移除输入提示
const typingIndicator = document.getElementById("typing-indicator");
if (typingIndicator) typingIndicator.remove();
return;
}
// 处理流数据
const chunk = decoder.decode(value, { stream: true });
const lines = chunk.split("\n").filter(line => line.trim());
lines.forEach(line => {
if (line.startsWith("data:")) {
const json = line.replace("data: ", "");
try {
const parsed = JSON.parse(json);
if (parsed.choices && parsed.choices[0]?.delta?.content) {
botMessage += parsed.choices[0].delta.content;
}
} catch (e) {
console.error("JSON解析错误:", e);
}
}
});
return readStream();
});
}
return readStream();
}).catch(err => {
console.error("请求错误:", err);
const typingIndicator = document.getElementById("typing-indicator");
if (typingIndicator) typingIndicator.remove();
});
}
sendButton.addEventListener("click", sendMessage);
userInput.addEventListener("keypress", (e) => {
if (e.key === "Enter") {
sendMessage();
}
});
</script>
<!-- 圆形按钮 -->
<button id="toggleButton">
<svg t="1737824130013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4516" width="200" height="200"><path d="M576 85.333333c0 18.944-8.234667 35.968-21.333333 47.701334V213.333333h213.333333a128 128 0 0 1 128 128v426.666667a128 128 0 0 1-128 128H256a128 128 0 0 1-128-128V341.333333a128 128 0 0 1 128-128h213.333333V133.034667A64 64 0 1 1 576 85.333333zM256 298.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v426.666667a42.666667 42.666667 0 0 0 42.666667 42.666667h512a42.666667 42.666667 0 0 0 42.666667-42.666667V341.333333a42.666667 42.666667 0 0 0-42.666667-42.666666H256z m-170.666667 128H0v256h85.333333v-256z m853.333334 0h85.333333v256h-85.333333v-256zM384 618.666667a64 64 0 1 0 0-128 64 64 0 0 0 0 128z m256 0a64 64 0 1 0 0-128 64 64 0 0 0 0 128z" fill="#ffffff" p-id="4517" data-spm-anchor-id="a313x.search_index.0.i0.3a333a81pzIR2d" class="selected"></path></svg>
</button>
<script>
// 获取按钮和div元素
const toggleButton = document.getElementById('toggleButton');
const chatDiv = document.querySelector('.minecraft-chat');
// 添加点击事件监听器
toggleButton.addEventListener("click", function () {
chatDiv.classList.toggle("visible");
});
</script>
<style>
/* 设置按钮样式 */
#toggleButton {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* 设置图标的样式 */
#toggleButton svg {
width: 24px;
height: 24px;
fill: currentColor;
}
</style>
<div id="footer"></div>
</div> <!-- end of copyright -->
<!-- Scripts -->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery-easing/1.4.1/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/8.0.6/swiper-bundle.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Morphext/2.4.4/morphext.min.js"></script> <!-- Morphtext rotating text in the header -->
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script> <!-- Isotope for filter -->
<script src="static/js/scripts.js"></script> <!-- Custom scripts -->
</body>
</html>