-
Notifications
You must be signed in to change notification settings - Fork 1
/
friend.html
398 lines (350 loc) · 21.2 KB
/
friend.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
<!DOCTYPE html>
<!--网站全灰：html { -webkit-filter: grayscale(100%); } 在style标签里面-->
<html lang="cn">
<head>
<meta charset="utf-8">
<title>吾友 | 沐泽树洞‿ZELIHOLE</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="沐泽的树洞" name="keywords">
<meta content="沐泽的树洞" name="description">
<!-- Favicon -->
<link href="img/headlogo.png" rel="icon">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<script>
var fnTextPopup = function (arr, options) {
// arr参数是必须的
if (!arr || !arr.length) {
return;
}
// 主逻辑
var index = 0;
document.documentElement.addEventListener('click', function (event) {
var x = event.pageX, y = event.pageY;
var eleText = document.createElement('span');
eleText.className = 'text-popup';
this.appendChild(eleText);
if (arr[index]) {
eleText.innerHTML = arr[index];
} else {
index = 0;
eleText.innerHTML = arr[0];
}
// 动画结束后删除自己
eleText.addEventListener('animationend', function () {
eleText.parentNode.removeChild(eleText);
});
// 位置
eleText.style.left = (x - eleText.clientWidth / 2) + 'px';
eleText.style.top = (y - eleText.clientHeight) + 'px';
// index递增
index++;
});
};
fnTextPopup(['富强', '民主', '文明', '和谐', '自由', '平等', '公正', '法治', '爱国', '敬业', '诚信', '友善']);
</script>
<style>
</style>
</head>
<body background="https://i2.100024.xyz/2023/05/31/c0zar.webp">
<!--简单介绍-->
<div class="wrapper">
<div class="sidebar">
<div class="sidebar-text d-flex flex-column h-100 justify-content-center text-center">
<img class="mx-auto d-block w-75 bg-primary img-fluid rounded-circle mb-4 p-3" src="https://avatars.githubusercontent.com/u/132760387?v=4" alt="saa">
<h1 class="font-weight-bold">沐泽的朋友们</h1>
<p class="mb-4">
友链是为了发现互联网角落中的小生活
</p>
<a href="https://zelihole.github.io/" class="btn btn-lg btn-block btn-primary mt-auto">zelihole.github.io</a>
</div>
<div class="sidebar-icon d-flex flex-column h-100 justify-content-center text-right">
<i class="fas fa-2x fa-angle-double-right text-primary"></i>
</div>
</div>
<div class="content">
<!-- 总体目录
<div class="container p-0">
<nav class="navbar navbar-expand-lg bg-secondary navbar-dark">
<a href="" class="navbar-brand d-block d-lg-none">Navigation</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav m-auto">
<a href="index.html" class="nav-item nav-link active">首页</a>
<a href="/nav.html" class="nav-item nav-link active">导航</a>
<a href="/blog2023.html" class="nav-item nav-link active">博客</a>
<a href="/files/" class="nav-item nav-link active">资源</a>
</div>
</div>
</nav>
</div>
Navbar End -->
<!-- 所有博客列表 -->
<div class="container bg-white pt-5">
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://yimian-image.obs.cn-east-2.myhuaweicloud.com/imgbed/img_bd4dcd7_210x222_8_null_normal.jpeg?AWSAccessKeyId=6LJRZC0YN3MQXXFOWMIH&Expires=1689436486&Signature=FrOaLRuoYIPILqjo98e/zKMD2Ws%3D" width="150" height="150" alt="Liuxizai's Blog">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">Fat Old Eight</h3>
<p>
根据所有大佬的建（fu）议（du）…多练
</p>
<a class="btn btn-link p-0" href="https://fat-old-eight.github.io/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://bu.dusays.com/2022/12/28/63ac2812183aa.png" width="150" height="150" alt="Liuxizai's Blog">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">张洪Heo</h3>
<p>
分享设计与科技生活
</p>
<a class="btn btn-link p-0" href="https://blog.zhheo.com/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://cos.liuxizai.ac.cn/bronya.jpg" width="150" height="150" alt="Liuxizai's Blog">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">Liuxizai's Blog</h3>
<p>
我们的心就像那天空一样 永不分离
</p>
<a class="btn btn-link p-0" href="https://liuxizai.ac.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://avatar.qjqq.cn/1/646cdb372913c.webp!avatar" width="150" height="150" alt="青桔气球">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">青桔气球</h3>
<p>
分享网络安全与科技生活
</p>
<a class="btn btn-link p-0" href="https://blog.qjqq.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://oss.katcloud.cn/blog/20201231120746.JPG" width="150" height="150" alt="KatCloud">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">KatCloud</h3>
<p>
不知今夕是何年
</p>
<a class="btn btn-link p-0" href="https://katcloud.cn">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://hexo.sjava.cn/img/pic.png" width="150" height="150" alt="神经蛙">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">神经蛙</h3>
<p>
种一棵树最好的时间是十年前，其次是现在。
</p>
<a class="btn btn-link p-0" href="https://hexo.sjava.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://bu.dusays.com/2023/06/23/64959cf745a4d.png" width="150" height="150" alt="别亦难">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">别亦难</h3>
<p>
准时不定期更新
</p>
<a class="btn btn-link p-0" href="https://lazyingman.com">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://pan.yuse.cc/d/imgu/avatar.jpg" width="150" height="150" alt="宇生の后花园">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">宇生の后花园</h3>
<p>
天堂还是地狱，我没有选择的权力，我只有被选择的命运。
</p>
<a class="btn btn-link p-0" href="https://blog.yuse.cc">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://www.fantanstic.top/img/head.jpg" width="200" height="150" alt="老陈の咸鱼日常">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">老陈の咸鱼日常</h3>
<p>
Life is fantanstic.
</p>
<a class="btn btn-link p-0" href="https://www.fantanstic.top/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://suzuka.cc/usr/longer%20file/profile_suzuka.png" width="150" height="150" alt="涼花的书房">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">涼花的书房</h3>
<p>
欢迎来到我的书房，远道而来的客人。
</p>
<a class="btn btn-link p-0" href="https://suzuka.cc">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://pic.imgdb.cn/item/64a2c26e1ddac507cc3f0e19.jpg" width="150" height="150" alt="WFH132导航">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">WFH132博客</h3>
<p>
樱，你幸福吗？—是的。—凛与微笑着的樱
</p>
<a class="btn btn-link p-0" href="https://wfh132.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://blog.mengguyi.com/logo.png" width="150" height="150" alt="孟古一博客">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">孟古一的博客</h3>
<p>
世界上没有绝对的正义，只有不同的观点和立场。
</p>
<a class="btn btn-link p-0" href="https://blog.mengguyi.com/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://hao.gg/logo1.png" width="150" height="150" alt="优雅好哥哥">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">优雅好哥哥</h3>
<p>
花有重开日 人无再少年
</p>
<a class="btn btn-link p-0" href="https://hao.gg/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://ovo.cc/favicon.ico" width="150" height="150" alt="~OvO~">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">~OvO~</h3>
<p>
热爱，可抵漫长岁月
</p>
<a class="btn btn-link p-0" href="https://ovo.cc/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://picture.wpixiu.cn/vSIsvO.jpg" width="150" height="150" alt="王貔貅">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">王貔貅*</h3>
<p>
日就月将,学有缉熙于光明。
</p>
<a class="btn btn-link p-0" href="https://blog.wpixiu.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://img01.anheyu.com/useruploads/90/2023/04/23/6444e85234e51.jpg" width="150" height="150" alt="安知鱼">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">安知鱼</h3>
<p>
生活明朗，万物可爱
</p>
<a class="btn btn-link p-0" href="https://anheyu.com/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://woc.xyz/wp-content/uploads/2022/06/tx.jpg" width="150" height="150" alt="不是废物，但是作家">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">废物作家*</h3>
<p>
一个废物作家的梦想
</p>
<a class="btn btn-link p-0" href="https://woc.xyz/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://www.zwbo.com/tx.png" width="150" height="150" alt="正物博客">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">正物博客*</h3>
<p>
一场凡梦，一份追求。
</p>
<a class="btn btn-link p-0" href="https://www.zwbo.com/">拜访TA<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div class="row blog-item px-3 pb-5">
<div class="col-md-5">
<img class="img-fluid mb-4 mb-md-0" src="https://i2.100024.xyz/2023/05/14/ijg54a.webp" width="150" height="150" alt="图片介绍">
</div>
<div class="col-md-7">
<h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">加入我们？</h3>
<p>
请确保网站内容不涉及黄赌毒(๑′ᴗ‵๑)Lᵒᵛᵉ❤。</br>
请先添加本站链接信息：</br>
名称【沐泽的树洞】</br>
首页【https://zelihole.github.io/】</br>
简介【佳肴弗食，与我何干？】</br>
头像【https://pic.imgdb.cn/item/</br>64a1a3941ddac507cc97d928.png】</br>
大图【https://pic.imgdb.cn/item/</br>64a976961ddac507cca08626.png】</br>
<b>联系我☞[email protected]</b>
</p>
<a class="btn btn-link p-0" href="https://github.com/zelihole#contact-me-联系我">→【联系站主】←<i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<!-- Blog List End -->
<!-- 最后的页脚 -->
<div class="container py-4 bg-secondary text-center">
<p class="m-0 text-white">
© <a class="text-white font-weight-bold" href="https://github.com/zelihole/zelihole.github.io/">沐泽</a>. 版权所有. <a class="text-white font-weight-bold" href="https://icp.gov.moe/?keyword=20231886" target="_blank">萌ICP备20231886号</a>
</p>
<p style="font-size:5px"><i>For a better experience, it is recommended to use a computer for access.</i></p>
<p style="font-size:5px; color:white"><i>博客名称带*星号的是似乎没有通向本站链接或出现问题的网站，但是这里仍会保留他们的入口。如有错误请与我联系。</i></p>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="知识共享许可协议" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />本网站作品除非特殊声明均采用<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">by-nc-sa-4.0 国际许可协议</a>进行许可。
</div>
<!-- Footer End -->
</div>
</div>
<!-- Back to Top -->
<a href="#" class="back-to-top"><i class="fa fa-angle-double-up"></i></a>
<!--API-->
<script src='https://api.vvhan.com/api/snow'></script>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>