This repository has been archived by the owner on Dec 5, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
307 lines (288 loc) · 14.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="keywords" content="MA Mirror,github,github镜像,github加速,前端镜像,前端加速,unpkg,jsdelivr,cdnjs,静态资源加速,CDN">
<meta name="description" content="MA Mirror 是一个新兴的前端镜像站，公益的前端静态资源加速站，为中国开发者提供一个更好的网站体验。">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MA Mirror();</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<script src="//fnj.1l1.icu/unpkg/vue@2/dist/vue.js"></script>
<script src="//fnj.1l1.icu/unpkg/[email protected]/lib/index.js"></script>
<link rel="stylesheet" href="//fnj.1l1.icu/unpkg/element-plus/dist/index.css" />
<link rel="stylesheet" href="//fnj.1l1.icu/unpkg/[email protected]/lib/theme-chalk/index.css" />
<script src="//fnj.1l1.icu/unpkg/[email protected]/dist/boxicons.js"></script>
<link href='//fnj.1l1.icu/unpkg/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="/css/index.css">
<script src="https://libs.afengim.com/libs/jquery-3.1.1/jquery-3.1.1.min.js" type="application/javascript"></script>
</head>
<body>
<div class="loaderbg">
<div class="spinner">
<div class="double rect1"></div>
<div class="double rect2"></div>
<div class="double rect3"></div>
<div class="double rect4"></div>
<div class="double rect5"></div>
</div>
</div>
<div id="menu" style="display: flex; justify-content: space-between; align-items: center;padding: 0px 20px 0px 20px;border-bottom: 1px solid #323030;">
<div style="display: flex;align-items: center;">
<img src="https://element.eleme.cn/favicon.ico" style="margin-right: 15px;" alt="MA Mirror" height="30px" width="30px">
<p class="poppins-semibold" style="font-size: 15px;color: #ffffff;">MA Mirror</p>
</div>
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" style="background-color: rgb(26 26 26)">
<el-menu-item index="1" class="menu-1" disabled>首页</el-menu-item>
<el-submenu index="2">
<template slot="title">使用</template>
<el-menu-item index="2-1" class="menu-2"><a href="/page/docs/cdn.html" target="_self" style="text-decoration: none;color: #dfdfdf;">CDN 站镜像</a></el-menu-item>
<el-menu-item index="2-2" class="menu-2"><a href="/page/docs/github.html" target="_self" style="text-decoration: none;color: #dfdfdf;">GitHub 文件下载</a></el-menu-item>
<el-menu-item index="2-3" class="menu-2"><a href="/page/docs/github.html" target="_self" style="text-decoration: none;color: #dfdfdf;">Github API 加速</a></el-menu-item>
</el-submenu>
<el-menu-item index="3" class="menu-1">统计</el-menu-item>
<el-menu-item index="4" class="menu-1">服务器状态</el-menu-item>
<el-menu-item index="5" class="menu-1">赞助</el-menu-item>
<el-divider direction="vertical"></el-divider>
<el-menu-item index="6" class="menu-1"><a href="https://github.com/k43Lab" target="_self" ><i class='bx bxl-github'style="font-size: 26px;"></i></a></el-menu-item>
</el-menu>
</div>
<!--大字体-->
<div style="justify-content: center;display: flex;border-bottom: 1px solid #323030;padding: 100px;background-image: url(https://cdn.img.shanrenyi.top/i/2024/03/16/fe7d4bb7-93c2-5fe8-7233-f56aaafd63d0.png);">
<div class="huge-font">
<div>
<p class="huge-font-1 poppins-black-italic">MA Mirror;()</p>
</div>
<div>
<p class="huge-font-1 poppins-black-italic">新兴的前端镜像站</p>
</div>
<div>
<p class="huge-font-1 poppins-black-italic">稳定的Github加速服务</p>
</div>
<div style="padding-top:50px;display: flex;">
<button style="width: 200px;margin-right: 20px;">
<span><a href="./page/docs/index.html" style="text-decoration: none;color: #ffffff;">Let's Start</a></span>
</button>
<button style="width: 200px;">
<span>Know More</span>
</button>
</div>
</div>
</div>
<!--简介-->
<div class="description" >
<div style="width: 800px;">
<div style="color: white;font-size: 25px;"><i class='bx bx-server'></i> Service | 服务</div>
<div style="display: flex;justify-content: space-between;margin-top: 10px;">
<div class="cdn">
<div class="cdn-tittle" style="color: white;font-size: 18px;">FAST NYA JUST | CDN 站镜像</div>
<div id="description-1">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="简介" name="1" style="font-size: 16px;">
<div>目前我们提供 https://unpkg.com/，https://cdn.jsdelivr.net/，https://cdnjs.cloudflare.com/ 的镜像，缓存时效12小时。</div>
</el-collapse-item>
</el-collapse>
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="开源项目发布" name="2" style="font-size: 16px;">
<div>FNJ（Fast Nya Just）已经在Github开源，您可以浏览<el-tooltip class="item" effect="dark" content="Github: Fast Nya Just - CDN站镜像" placement="top"><div>https://github.com/k43Lab/FNJ。</div></el-tooltip></div>
</el-collapse-item>
</el-collapse>
</div>
</div>
<div class="cdn">
<div class="cdn-tittle" style="color: white;font-size: 18px;">Github 加速</div>
<div id="description-2">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="简介" name="1" style="font-size: 16px;">
<div>我们可以提供文件以及API的加速。</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
</div>
</div>
</div>
</div>
<!--介绍-->
<div class="introduction" id="word-1">
<div style="width: 800px;">
<div style="color: white;font-size: 25px;"><i class='bx bx-edit-alt'></i> Introduction | 介绍</div>
<div style="display: flex;justify-content: space-between;margin-top: 10px;">
<div class="description-1" style="margin-top: 10px;line-height: 1.9">
<div class="introduction-tittle" style="color: white;font-size: 18px;">| MA Mirror 是什么？</div>
MA Mirror 是由 <el-tooltip class="item" effect="dark" content="k43Lab, an organization created by Muska_Ami (夏沫花火zzz🌙), is designed to facilitate communication about technologies." placement="top-start"><span style="color: rgb(96 72 176);">k43Lab</span></el-tooltip> 团队推出的新服务。在日常的项目开发，开发者们会使用到某些前端的静态资源，<span class="special-world">UNPKG</span> <span class="special-world">jsDelivr</span>这些是十分常见也是用到最多的。但由于这类资源都在国外，国内访问效果很差。那么，本项目横空出世，有效的帮助开发者们提供一个简单即用的<span style="color: rgb(96 72 176);">公益CDN</span>。
<div class="introduction-tittle" style="padding-top: 5px;border-top: 1px solid #474747;margin-top: 20px;color: white;font-size: 18px;">| 有什么限制吗？</div>
毋庸置疑的，我们<span style="color: rgb(96 72 176);">坚决反对</span>滥用加速服务。例如：加速自己的图床仓库，私人字体文件，私人大文件，视频等。我们会<span style="color: rgb(96 72 176);">严格审查</span>，并及时封禁。
</div>
</div>
</div>
</div>
</div>
<!--黑名单-->
<div class="black-list">
<div style="width: 800px;">
<div style="color: white;font-size: 25px;"><i class='bx bx-objects-horizontal-center'></i> Black List | 黑名单</div>
<div style="display: flex;justify-content: space-between;margin-top: 10px;">
<div class="black-list-1" style="margin-top: 10px;line-height: 1.9">
<div id="black-list">
<template>
<el-table
:data="tableData"
:header-cell-style="{ background: '#1a1a1a', color: 'rgb(171 171 171)', fontWeight: '600', fontSize: '14px' }"
:row-style="{ background: '#1a1a1a' }"
:border-style="{ borderColor: '#1a1a1a' }"
height="350"
style="width: 100%">
<el-table-column
prop="number"
label="序号"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="滥用仓库"
width="180">
</el-table-column>
<el-table-column
prop="explain"
label="说明">
</el-table-column>
</el-table>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
<!--页尾-->
<div class="end">
<div style="width: 900px;">
<div style="display: flex;margin-top: 10px;flex-direction: row;align-items: flex-start;justify-content: space-between;">
<div style="height: 70px;width: auto; ">
<img src="https://cdn.img.shanrenyi.top/i/2024/03/16/dbe1dd1e-e8d7-f3b9-221b-458fb6a34c4b.png" width="auto" height="100%" style="border-radius: 5px;">
</div>
<div>
<div class="end-tittle"><i class='bx bx-objects-horizontal-left bx-flip-horizontal' style="margin-right: 4px;"></i>关于k43Lab</div>
<div class="end-link">
<a href="https://k43lab.1l1.icu/about">说明</a>
</div>
</div>
<div>
<div class="end-tittle"><i class='bx bxs-color bx-spin bx-flip-horizontal' style="margin-right: 4px;"></i>动态</div>
<div class="end-link">
<a href="https://github.com/k43Lab">Github</a>
</div>
</div>
<div>
<div class="end-tittle"><i class='bx bx-book-content bx-flip-horizontal' style="margin-right: 4px;"></i>其他项目</div>
<div class="end-link">
<div><a href="https://github.com/k43Lab">MA Mirror</a></div>
<div><a href="https://github.com/k43Lab">尽情期待</a></div>
</div>
</div>
<div>
<div class="end-tittle"><i class='bx bx-user-pin bx-flip-horizontal' style="margin-right: 4px;"></i>联系我们</div>
<div class="end-link">
<div><a href="https://github.com/k43Lab">尽情期待</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div style="display: flex;width: 800px;justify-content: center;">
<div style="display: flex;justify-content: space-between;margin-top: 10px;">
<div style="font-size: 13px;color: #535353;">Copyright k43Lab © 2024 All Rights Reserved</div>
</div>
</div>
</div>
</div>
<div id="down">
<template>
<el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>
</template>
</div>
<script>
// 加载
window.addEventListener('load', function() {
var loader = document.querySelector('.loaderbg');
loader.style.display = 'none';
});
</script>
<script>
var Main = {
data() {
return {
activeIndex: '1',
activeIndex2: '1'
};
},
methods: {
handleSelect(key, keyPath) {
console.log(key, keyPath);
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#menu')
</script>
<script>
new Vue().$mount('#line')
</script>
<script>
var Main = {
data() {
return {
activeNames: ['1']
};
},
methods: {
handleChange(val) {
console.log(val);
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#description-1')
</script>
<script>
var Main = {
data() {
return {
activeNames: ['1']
};
},
methods: {
handleChange(val) {
console.log(val);
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#description-2')
</script>
<script>
new Vue().$mount('#word-1')
</script>
<script>
var Main = {
data() {
return {
tableData: [{
number: '1',
name: 'example',
explain: 'example'
}]
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#black-list')
</script>
<script>
new Vue().$mount('#down')
</script>
</body>
</html>