forked from XieXiLin2/Links
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
198 lines (195 loc) · 7.27 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Z_Tsin 的小伙伴们</title>
<link rel="icon" href="https://ztsin.cn/cavatar.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" media="screen and (min-width: 600px)" href="./attets/css/index.css" />
<link rel="stylesheet" media="screen and (max-width: 600px)" href="./attets/css/index.mobile.css" />
<script src="./attets/js/index.js"></script>
<link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
body {
/*背景图片URL 可使用随机图片API */
background-image: url("https://www.dmoe.cc/random.php");
}
</style>
</head>
<body>
<section class="section">
<div class="content">
<div class="columns is-centered is-mobile">
<h1 class="title";style="color: #FFFFFF">我的小伙伴们</h1>
</h1>
</div>
<br>
<div class="box">
<h3 class="title">伙伴们的信息</h3>
<div class="columns is-multiline">
<!-- 友链部分 START -->
<div class="column is-half">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://static.xiexilin.com/Me.png" alt="avatar">
</figure>
</div>
<div class="media-content">
<p class="title is-5">XieXiLin</p>
<p class="subtitle is-6">XieXiLin's Home</p>
</div>
</div>
</div>
<footer class="card-footer">
<a href="https://www.xiexilin.com/" target="_blank" class="card-footer-item">主页</a>
</footer>
</div>
</div>
<div class="column is-half">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://blog-api.lihaoyu.cn/avatar" alt="avatar">
</figure>
</div>
<div class="media-content">
<p class="title is-5">Big_Cake</p>
<p class="subtitle is-7">也许我们会分别,但我们将永远不会忘记彼此。</p>
</div>
</div>
</div>
<footer class="card-footer">
<a href="https://lihaoyu.cn" target="_blank" class="card-footer-item">博客</a>
</footer>
</div>
</div>
<div class="column is-half">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://img.xiaomcserver.top/img/avatar/avatar3.jpg" alt="avatar">
</figure>
</div>
<div class="media-content">
<p class="title is-5">xiaoMCkedou233</p>
<p class="subtitle is-6">屑蝌蚪.png</p>
</div>
</div>
</div>
<footer class="card-footer">
<a href="https://xiaomcserver.top" target="_blank" class="card-footer-item">博客</a>
</footer>
</div>
</div>
<div class="column is-half">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://blog.seayay.top/img/avatar_hueaa7324786a1df8257f247f42073756f_90261_300x0_resize_q75_box.jpg" alt="avatar">
</figure>
</div>
<div class="media-content">
<p class="title is-5">思遥方</p>
<p class="subtitle is-6">我永远喜欢温迪</p>
</div>
</div>
</div>
<footer class="card-footer">
<a href="https://seayay.top" target="_blank" class="card-footer-item">博客</a>
</footer>
</div>
</div>
<!-- 友链部分 END -->
</div>
</div>
<div class="box">
<h3 class="title">加入</h3>
<p>来交换友链吧!在交换友链之前,您的小站需要满足以下条件:</p>
<ul>
<li>
<strong>支持 HTTPS 协议;</strong>
<ul>
<li>
(可选)支持的 TLS 版本最低为 v1.2
</li>
</ul>
</li>
<li>
<strong>文章数量 >= 10 篇;</strong>
<ul>
<li>
个人主页不受此条件限制
</li>
<li>
<strong>原创文章至少有 3 篇</strong>
</li>
</ul>
</li>
<li>
<strong>文章内不得出现违反中华人民共和国法律的内容;</strong>
</li>
<li>
<strong>在中国大陆地区能够正常访问;</strong>
</li>
<li>
<strong>服务器位于国内的,需要进行备案;</strong>
</li>
<li>
<strong>已将本站添加至友链列表。</strong>
</li>
</ul>
<p>如果您已满足上述条件,可在 <a href="https://github.com/ztsinsun/Links" type="newtab">Github 仓库</a> 上新开一个 Issue 或提交一份 Pull
Request。</p>
<p>如果没有其它情况出现,我不会移除友链。但如果您在上述流程通过以后移除了我的友链,那么我也会毫不留情的删除您的小站。</p>
</div>
<div class="box">
<h3 class="title">我的信息</h3>
<ul>
<li>
链接: <a href="https://ztsin.cn" target="_blank">https://ztsin.cn</a>
</li>
<li>
头像 : <a href="https://ztsin.cn/avatar.png"
target="_blank">https://ztsin.cn/avatar.png</a>
<ul>
<li>
站点名称: Z_Tsin's Home
</li>
<li>
昵称: Z_Tsin
</li>
<li>
主题色: <code>#38A8B6</code>
</li>
<li>
描述: Z_Tsin 的个人主页
</li>
</ul>
</div>
</div>
<div class="columns is-centered is-mobile">
<nav>
<a href="https://ztsin.cn" target="_blank">
<span class="icon"><i class="far fa-copyright" style="color: #38A8B6;"></i></span>
2023 Z_Tsin
</a>
|
<a href="https://lihaoyu.cn" target="_blank">
<span class="icon"><i class="fas fa-hands-helping" style="color: #38A8B6;"></i></span>
With Big_Cake's Help
</a>
</nav>
</div>
</section>
</body>
</html>